@nextsparkjs/mobile 0.1.0-beta.1

package/dist/lib/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/alert.ts"],"sourcesContent":["/**\n * Cross-platform Alert utility\n * Works on iOS, Android, and Web\n */\n\nimport { Alert as RNAlert, Platform } from \"react-native\";\n\ninterface AlertButton {\n  text: string;\n  style?: \"default\" | \"cancel\" | \"destructive\";\n  onPress?: () => void;\n}\n\ninterface AlertOptions {\n  title: string;\n  message?: string;\n  buttons?: AlertButton[];\n}\n\n/**\n * Show an alert dialog that works on all platforms\n */\nexport function alert(options: AlertOptions): void {\n  const { title, message, buttons = [{ text: \"OK\" }] } = options;\n\n  if (Platform.OS === \"web\") {\n    // Web: use window.confirm for simple confirm dialogs\n    const hasDestructive = buttons.some((b) => b.style === \"destructive\");\n    const hasCancel = buttons.some((b) => b.style === \"cancel\");\n\n    if (hasDestructive && hasCancel) {\n      // Confirmation dialog\n      const confirmed = window.confirm(`${title}\\n\\n${message || \"\"}`);\n      if (confirmed) {\n        const destructiveBtn = buttons.find((b) => b.style === \"destructive\");\n        destructiveBtn?.onPress?.();\n      } else {\n        const cancelBtn = buttons.find((b) => b.style === \"cancel\");\n        cancelBtn?.onPress?.();\n      }\n    } else if (buttons.length === 1) {\n      // Simple alert\n      window.alert(`${title}\\n\\n${message || \"\"}`);\n      buttons[0]?.onPress?.();\n    } else {\n      // For more complex cases, use confirm\n      const confirmed = window.confirm(`${title}\\n\\n${message || \"\"}`);\n      const btn = confirmed ? buttons[buttons.length - 1] : buttons[0];\n      btn?.onPress?.();\n    }\n  } else {\n    // Native: use React Native Alert\n    RNAlert.alert(title, message, buttons);\n  }\n}\n\n/**\n * Show a confirmation dialog\n * Returns a promise that resolves to true if confirmed, false if cancelled\n */\nexport function confirm(title: string, message?: string): Promise<boolean> {\n  return new Promise((resolve) => {\n    alert({\n      title,\n      message,\n      buttons: [\n        { text: \"Cancelar\", style: \"cancel\", onPress: () => resolve(false) },\n        { text: \"Confirmar\", style: \"default\", onPress: () => resolve(true) },\n      ],\n    });\n  });\n}\n\n/**\n * Show a destructive confirmation dialog (for delete actions)\n */\nexport function confirmDestructive(\n  title: string,\n  message?: string,\n  destructiveButtonText = \"Eliminar\"\n): Promise<boolean> {\n  return new Promise((resolve) => {\n    alert({\n      title,\n      message,\n      buttons: [\n        { text: \"Cancelar\", style: \"cancel\", onPress: () => resolve(false) },\n        {\n          text: destructiveButtonText,\n          style: \"destructive\",\n          onPress: () => resolve(true),\n        },\n      ],\n    });\n  });\n}\n\nexport const Alert = {\n  alert,\n  confirm,\n  confirmDestructive,\n};\n"],"mappings":"AAKA,SAAS,SAAS,SAAS,gBAAgB;AAiBpC,SAAS,MAAM,SAA6B;AACjD,QAAM,EAAE,OAAO,SAAS,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,EAAE,IAAI;AAEvD,MAAI,SAAS,OAAO,OAAO;AAEzB,UAAM,iBAAiB,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,aAAa;AACpE,UAAM,YAAY,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,QAAQ;AAE1D,QAAI,kBAAkB,WAAW;AAE/B,YAAM,YAAY,OAAO,QAAQ,GAAG,KAAK;AAAA;AAAA,EAAO,WAAW,EAAE,EAAE;AAC/D,UAAI,WAAW;AACb,cAAM,iBAAiB,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,aAAa;AACpE,wBAAgB,UAAU;AAAA,MAC5B,OAAO;AACL,cAAM,YAAY,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,QAAQ;AAC1D,mBAAW,UAAU;AAAA,MACvB;AAAA,IACF,WAAW,QAAQ,WAAW,GAAG;AAE/B,aAAO,MAAM,GAAG,KAAK;AAAA;AAAA,EAAO,WAAW,EAAE,EAAE;AAC3C,cAAQ,CAAC,GAAG,UAAU;AAAA,IACxB,OAAO;AAEL,YAAM,YAAY,OAAO,QAAQ,GAAG,KAAK;AAAA;AAAA,EAAO,WAAW,EAAE,EAAE;AAC/D,YAAM,MAAM,YAAY,QAAQ,QAAQ,SAAS,CAAC,IAAI,QAAQ,CAAC;AAC/D,WAAK,UAAU;AAAA,IACjB;AAAA,EACF,OAAO;AAEL,YAAQ,MAAM,OAAO,SAAS,OAAO;AAAA,EACvC;AACF;AAMO,SAAS,QAAQ,OAAe,SAAoC;AACzE,SAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,SAAS;AAAA,QACP,EAAE,MAAM,YAAY,OAAO,UAAU,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,QACnE,EAAE,MAAM,aAAa,OAAO,WAAW,SAAS,MAAM,QAAQ,IAAI,EAAE;AAAA,MACtE;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;AAKO,SAAS,mBACd,OACA,SACA,wBAAwB,YACN;AAClB,SAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,SAAS;AAAA,QACP,EAAE,MAAM,YAAY,OAAO,UAAU,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,QACnE;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,SAAS,MAAM,QAAQ,IAAI;AAAA,QAC7B;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;AAEO,MAAM,QAAQ;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/dist/lib/index.d.ts

@@ -0,0 +1,2 @@
+export { s as Storage } from '../storage-BaRppHUz.js';
+export { Alert, alert, confirm, confirmDestructive } from './alert.js';

package/dist/lib/index.js

@@ -0,0 +1,10 @@
+import * as Storage from './storage.js';
+import { alert, confirm, confirmDestructive, Alert } from './alert.js';
+export {
+  Alert,
+  Storage,
+  alert,
+  confirm,
+  confirmDestructive
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/index.ts"],"sourcesContent":["/**\n * Library utilities\n */\n\nexport * as Storage from './storage'\nexport { alert, confirm, confirmDestructive, Alert } from './alert'\n"],"mappings":"AAIA,YAAY,aAAa;AACzB,SAAS,OAAO,SAAS,oBAAoB,aAAa;","names":[]}

package/dist/lib/storage.d.ts

@@ -0,0 +1 @@
+export { d as deleteItemAsync, g as getItemAsync, a as setItemAsync } from '../storage-BaRppHUz.js';

package/dist/lib/storage.js

@@ -0,0 +1,29 @@
+import { Platform } from "react-native";
+import * as SecureStore from "expo-secure-store";
+const isWeb = Platform.OS === "web";
+async function getItemAsync(key) {
+  if (isWeb) {
+    return localStorage.getItem(key);
+  }
+  return SecureStore.getItemAsync(key);
+}
+async function setItemAsync(key, value) {
+  if (isWeb) {
+    localStorage.setItem(key, value);
+    return;
+  }
+  return SecureStore.setItemAsync(key, value);
+}
+async function deleteItemAsync(key) {
+  if (isWeb) {
+    localStorage.removeItem(key);
+    return;
+  }
+  return SecureStore.deleteItemAsync(key);
+}
+export {
+  deleteItemAsync,
+  getItemAsync,
+  setItemAsync
+};
+//# sourceMappingURL=storage.js.map

package/dist/lib/storage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/storage.ts"],"sourcesContent":["/**\n * Cross-platform secure storage\n * Uses expo-secure-store on native, localStorage on web\n *\n * ⚠️ SECURITY NOTE: Web storage uses localStorage which is vulnerable to XSS attacks.\n * For production web deployments, consider:\n * - Using httpOnly cookies for session management (requires backend changes)\n * - Implementing Content Security Policy (CSP)\n * - This is acceptable for development/testing and native mobile apps\n */\n\nimport { Platform } from 'react-native'\nimport * as SecureStore from 'expo-secure-store'\n\nconst isWeb = Platform.OS === 'web'\n\nexport async function getItemAsync(key: string): Promise<string | null> {\n  if (isWeb) {\n    return localStorage.getItem(key)\n  }\n  return SecureStore.getItemAsync(key)\n}\n\nexport async function setItemAsync(key: string, value: string): Promise<void> {\n  if (isWeb) {\n    localStorage.setItem(key, value)\n    return\n  }\n  return SecureStore.setItemAsync(key, value)\n}\n\nexport async function deleteItemAsync(key: string): Promise<void> {\n  if (isWeb) {\n    localStorage.removeItem(key)\n    return\n  }\n  return SecureStore.deleteItemAsync(key)\n}\n"],"mappings":"AAWA,SAAS,gBAAgB;AACzB,YAAY,iBAAiB;AAE7B,MAAM,QAAQ,SAAS,OAAO;AAE9B,eAAsB,aAAa,KAAqC;AACtE,MAAI,OAAO;AACT,WAAO,aAAa,QAAQ,GAAG;AAAA,EACjC;AACA,SAAO,YAAY,aAAa,GAAG;AACrC;AAEA,eAAsB,aAAa,KAAa,OAA8B;AAC5E,MAAI,OAAO;AACT,iBAAa,QAAQ,KAAK,KAAK;AAC/B;AAAA,EACF;AACA,SAAO,YAAY,aAAa,KAAK,KAAK;AAC5C;AAEA,eAAsB,gBAAgB,KAA4B;AAChE,MAAI,OAAO;AACT,iBAAa,WAAW,GAAG;AAC3B;AAAA,EACF;AACA,SAAO,YAAY,gBAAgB,GAAG;AACxC;","names":[]}

package/dist/providers/AuthProvider.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { User, Team } from '../api/core/types.js';
+
+interface AuthContextValue {
+    user: User | null;
+    team: Team | null;
+    teams: Team[];
+    isLoading: boolean;
+    isAuthenticated: boolean;
+    login: (email: string, password: string) => Promise<void>;
+    logout: () => Promise<void>;
+    selectTeam: (team: Team) => Promise<void>;
+}
+interface AuthProviderProps {
+    children: ReactNode;
+}
+declare function AuthProvider({ children }: AuthProviderProps): react_jsx_runtime.JSX.Element;
+declare function useAuth(): AuthContextValue;
+
+export { AuthProvider, useAuth };

package/dist/providers/AuthProvider.js

@@ -0,0 +1,113 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  createContext,
+  useContext,
+  useState,
+  useEffect,
+  useCallback
+} from "react";
+import { apiClient, ApiError } from '../api/client.js';
+import { authApi, teamsApi } from '../api/core/index.js';
+const AuthContext = createContext(void 0);
+function AuthProvider({ children }) {
+  const [user, setUser] = useState(null);
+  const [team, setTeam] = useState(null);
+  const [teams, setTeams] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  useEffect(() => {
+    const initAuth = async () => {
+      try {
+        await apiClient.init();
+        const hasToken = apiClient.getToken();
+        const storedUser = apiClient.getStoredUser();
+        if (hasToken || storedUser) {
+          const sessionResponse = await authApi.getSession();
+          if (sessionResponse?.user) {
+            setUser(sessionResponse.user);
+          } else if (storedUser) {
+            setUser(storedUser);
+          } else {
+            await apiClient.clearAuth();
+            return;
+          }
+          const teamsResponse = await teamsApi.getTeams();
+          setTeams(teamsResponse.data);
+          if (teamsResponse.data.length > 0) {
+            const storedTeamId = apiClient.getTeamId();
+            const storedTeam = teamsResponse.data.find((t) => t.id === storedTeamId);
+            if (storedTeam) {
+              setTeam(storedTeam);
+            } else {
+              const firstTeam = teamsResponse.data[0];
+              await teamsApi.switchTeam(firstTeam.id);
+              setTeam(firstTeam);
+            }
+          }
+        }
+      } catch (error) {
+        if (error instanceof ApiError && error.status === 401) {
+          await apiClient.clearAuth();
+        } else {
+          console.warn("[AuthProvider] Init failed (network or server error):", error);
+          const storedUser = apiClient.getStoredUser();
+          if (storedUser) {
+            setUser(storedUser);
+          }
+        }
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    initAuth();
+  }, []);
+  const login = useCallback(async (email, password) => {
+    setIsLoading(true);
+    try {
+      const loginResponse = await authApi.login(email, password);
+      setUser(loginResponse.user);
+      const teamsResponse = await teamsApi.getTeams();
+      setTeams(teamsResponse.data);
+      if (teamsResponse.data.length === 0) {
+        throw new ApiError("No teams available", 400);
+      }
+      const firstTeam = teamsResponse.data[0];
+      await teamsApi.switchTeam(firstTeam.id);
+      setTeam(firstTeam);
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  const logout = useCallback(async () => {
+    await authApi.logout();
+    setUser(null);
+    setTeam(null);
+    setTeams([]);
+  }, []);
+  const selectTeam = useCallback(async (newTeam) => {
+    await teamsApi.switchTeam(newTeam.id);
+    setTeam(newTeam);
+  }, []);
+  const value = {
+    user,
+    team,
+    teams,
+    isLoading,
+    isAuthenticated: !!user && !!team,
+    login,
+    logout,
+    selectTeam
+  };
+  return /* @__PURE__ */ jsx(AuthContext.Provider, { value, children });
+}
+function useAuth() {
+  const context = useContext(AuthContext);
+  if (context === void 0) {
+    throw new Error("useAuth must be used within an AuthProvider");
+  }
+  return context;
+}
+export {
+  AuthProvider,
+  useAuth
+};
+//# sourceMappingURL=AuthProvider.js.map

package/dist/providers/AuthProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/AuthProvider.tsx"],"sourcesContent":["/**\n * Authentication Provider\n */\n\nimport {\n  createContext,\n  useContext,\n  useState,\n  useEffect,\n  useCallback,\n  type ReactNode,\n} from 'react'\nimport { apiClient, ApiError } from '../api/client'\nimport { authApi, teamsApi } from '../api/core'\nimport type { User, Team } from '../api/core/types'\n\ninterface AuthContextValue {\n  user: User | null\n  team: Team | null\n  teams: Team[]\n  isLoading: boolean\n  isAuthenticated: boolean\n  login: (email: string, password: string) => Promise<void>\n  logout: () => Promise<void>\n  selectTeam: (team: Team) => Promise<void>\n}\n\nconst AuthContext = createContext<AuthContextValue | undefined>(undefined)\n\ninterface AuthProviderProps {\n  children: ReactNode\n}\n\nexport function AuthProvider({ children }: AuthProviderProps) {\n  const [user, setUser] = useState<User | null>(null)\n  const [team, setTeam] = useState<Team | null>(null)\n  const [teams, setTeams] = useState<Team[]>([])\n  const [isLoading, setIsLoading] = useState(true)\n\n  // Initialize auth state from storage\n  useEffect(() => {\n    const initAuth = async () => {\n      try {\n        await apiClient.init()\n\n        // Check if we have stored credentials\n        const hasToken = apiClient.getToken()\n        const storedUser = apiClient.getStoredUser()\n\n        if (hasToken || storedUser) {\n          // Try to validate session with server and get fresh user data\n          const sessionResponse = await authApi.getSession()\n\n          if (sessionResponse?.user) {\n            // Session is valid, use fresh user data\n            setUser(sessionResponse.user)\n          } else if (storedUser) {\n            // Session call failed but we have stored user - try to use it\n            // This allows offline-first behavior\n            setUser(storedUser)\n          } else {\n            // No valid session and no stored user - clear auth\n            await apiClient.clearAuth()\n            return\n          }\n\n          // Get teams and restore team selection\n          const teamsResponse = await teamsApi.getTeams()\n          setTeams(teamsResponse.data)\n\n          if (teamsResponse.data.length > 0) {\n            // Check if we have a stored team ID\n            const storedTeamId = apiClient.getTeamId()\n            const storedTeam = teamsResponse.data.find(t => t.id === storedTeamId)\n\n            if (storedTeam) {\n              setTeam(storedTeam)\n            } else {\n              // Select first team by default\n              const firstTeam = teamsResponse.data[0]\n              await teamsApi.switchTeam(firstTeam.id)\n              setTeam(firstTeam)\n            }\n          }\n        }\n      } catch (error) {\n        // Only clear auth for authentication failures (401)\n        // For network errors or other issues, keep credentials to allow retry\n        if (error instanceof ApiError && error.status === 401) {\n          await apiClient.clearAuth()\n        } else {\n          console.warn('[AuthProvider] Init failed (network or server error):', error)\n          // Try to use stored user for offline-first behavior\n          const storedUser = apiClient.getStoredUser()\n          if (storedUser) {\n            setUser(storedUser)\n          }\n        }\n      } finally {\n        setIsLoading(false)\n      }\n    }\n\n    initAuth()\n  }, [])\n\n  const login = useCallback(async (email: string, password: string) => {\n    setIsLoading(true)\n\n    try {\n      // Login to get token\n      const loginResponse = await authApi.login(email, password)\n      setUser(loginResponse.user)\n\n      // Get user's teams\n      const teamsResponse = await teamsApi.getTeams()\n      setTeams(teamsResponse.data)\n\n      if (teamsResponse.data.length === 0) {\n        throw new ApiError('No teams available', 400)\n      }\n\n      // Select first team\n      const firstTeam = teamsResponse.data[0]\n      await teamsApi.switchTeam(firstTeam.id)\n      setTeam(firstTeam)\n    } finally {\n      setIsLoading(false)\n    }\n  }, [])\n\n  const logout = useCallback(async () => {\n    await authApi.logout()\n    setUser(null)\n    setTeam(null)\n    setTeams([])\n  }, [])\n\n  const selectTeam = useCallback(async (newTeam: Team) => {\n    await teamsApi.switchTeam(newTeam.id)\n    setTeam(newTeam)\n  }, [])\n\n  const value: AuthContextValue = {\n    user,\n    team,\n    teams,\n    isLoading,\n    isAuthenticated: !!user && !!team,\n    login,\n    logout,\n    selectTeam,\n  }\n\n  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>\n}\n\nexport function useAuth() {\n  const context = useContext(AuthContext)\n\n  if (context === undefined) {\n    throw new Error('useAuth must be used within an AuthProvider')\n  }\n\n  return context\n}\n"],"mappings":"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","names":[]}

package/dist/providers/QueryProvider.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { QueryClient } from '@tanstack/react-query';
+import { ReactNode } from 'react';
+
+declare const queryClient: QueryClient;
+interface QueryProviderProps {
+    children: ReactNode;
+}
+declare function QueryProvider({ children }: QueryProviderProps): react_jsx_runtime.JSX.Element;
+
+export { QueryProvider, queryClient };

package/dist/providers/QueryProvider.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 1e3 * 60 * 5,
+      // 5 minutes
+      retry: 1,
+      refetchOnWindowFocus: false
+    },
+    mutations: {
+      retry: 0
+    }
+  }
+});
+function QueryProvider({ children }) {
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children });
+}
+export {
+  QueryProvider,
+  queryClient
+};
+//# sourceMappingURL=QueryProvider.js.map

package/dist/providers/QueryProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/QueryProvider.tsx"],"sourcesContent":["/**\n * TanStack Query Provider\n */\n\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\n\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 1000 * 60 * 5, // 5 minutes\n      retry: 1,\n      refetchOnWindowFocus: false,\n    },\n    mutations: {\n      retry: 0,\n    },\n  },\n})\n\ninterface QueryProviderProps {\n  children: ReactNode\n}\n\nexport function QueryProvider({ children }: QueryProviderProps) {\n  return (\n    <QueryClientProvider client={queryClient}>\n      {children}\n    </QueryClientProvider>\n  )\n}\n\nexport { queryClient }\n"],"mappings":"AA0BI;AAtBJ,SAAS,aAAa,2BAA2B;AAGjD,MAAM,cAAc,IAAI,YAAY;AAAA,EAClC,gBAAgB;AAAA,IACd,SAAS;AAAA,MACP,WAAW,MAAO,KAAK;AAAA;AAAA,MACvB,OAAO;AAAA,MACP,sBAAsB;AAAA,IACxB;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAMM,SAAS,cAAc,EAAE,SAAS,GAAuB;AAC9D,SACE,oBAAC,uBAAoB,QAAQ,aAC1B,UACH;AAEJ;","names":[]}

package/dist/providers/index.d.ts

@@ -0,0 +1,6 @@
+export { AuthProvider, useAuth } from './AuthProvider.js';
+export { QueryProvider, queryClient } from './QueryProvider.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../api/core/types.js';
+import '@tanstack/react-query';

package/dist/providers/index.js

@@ -0,0 +1,9 @@
+import { AuthProvider, useAuth } from './AuthProvider.js';
+import { QueryProvider, queryClient } from './QueryProvider.js';
+export {
+  AuthProvider,
+  QueryProvider,
+  queryClient,
+  useAuth
+};
+//# sourceMappingURL=index.js.map

package/dist/providers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/index.ts"],"sourcesContent":["/**\n * Providers\n */\n\nexport { AuthProvider, useAuth } from './AuthProvider'\nexport { QueryProvider, queryClient } from './QueryProvider'\n"],"mappings":"AAIA,SAAS,cAAc,eAAe;AACtC,SAAS,eAAe,mBAAmB;","names":[]}

package/dist/storage-BaRppHUz.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Cross-platform secure storage
+ * Uses expo-secure-store on native, localStorage on web
+ *
+ * ⚠️ SECURITY NOTE: Web storage uses localStorage which is vulnerable to XSS attacks.
+ * For production web deployments, consider:
+ * - Using httpOnly cookies for session management (requires backend changes)
+ * - Implementing Content Security Policy (CSP)
+ * - This is acceptable for development/testing and native mobile apps
+ */
+declare function getItemAsync(key: string): Promise<string | null>;
+declare function setItemAsync(key: string, value: string): Promise<void>;
+declare function deleteItemAsync(key: string): Promise<void>;
+
+declare const storage_deleteItemAsync: typeof deleteItemAsync;
+declare const storage_getItemAsync: typeof getItemAsync;
+declare const storage_setItemAsync: typeof setItemAsync;
+declare namespace storage {
+  export { storage_deleteItemAsync as deleteItemAsync, storage_getItemAsync as getItemAsync, storage_setItemAsync as setItemAsync };
+}
+
+export { setItemAsync as a, deleteItemAsync as d, getItemAsync as g, storage as s };

package/package.json

@@ -0,0 +1,99 @@
+{
+  "name": "@nextsparkjs/mobile",
+  "version": "0.1.0-beta.1",
+  "description": "Mobile app infrastructure for NextSpark - API client, providers, and utilities for Expo apps",
+  "license": "MIT",
+  "author": "NextSpark <hello@nextspark.dev>",
+  "homepage": "https://nextspark.dev",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NextSpark-js/nextspark.git",
+    "directory": "packages/mobile"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./api": {
+      "types": "./dist/api/index.d.ts",
+      "import": "./dist/api/index.js"
+    },
+    "./api/core": {
+      "types": "./dist/api/core/index.d.ts",
+      "import": "./dist/api/core/index.js"
+    },
+    "./api/entities": {
+      "types": "./dist/api/entities/index.d.ts",
+      "import": "./dist/api/entities/index.js"
+    },
+    "./providers": {
+      "types": "./dist/providers/index.d.ts",
+      "import": "./dist/providers/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js"
+    },
+    "./lib": {
+      "types": "./dist/lib/index.d.ts",
+      "import": "./dist/lib/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "templates",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "build:watch": "tsup --watch",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": "^5.0.0",
+    "expo": ">=54.0.0",
+    "expo-constants": ">=18.0.0",
+    "expo-secure-store": ">=15.0.0",
+    "react": ">=18.0.0",
+    "react-native": ">=0.75.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.0",
+    "@babel/preset-env": "^7.25.0",
+    "@babel/preset-react": "^7.25.0",
+    "@babel/preset-typescript": "^7.25.0",
+    "@testing-library/react-native": "^13.0.0",
+    "@types/jest": "^29.5.0",
+    "@types/node": "^22.0.0",
+    "@types/react": "^19",
+    "babel-jest": "^29.7.0",
+    "glob": "^11.0.0",
+    "jest": "^29.7.0",
+    "jest-expo": "^54.0.0",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
+    "react-test-renderer": "19.1.0",
+    "tsup": "^8.5.0",
+    "typescript": "^5"
+  },
+  "keywords": [
+    "nextspark",
+    "mobile",
+    "expo",
+    "react-native",
+    "api-client",
+    "authentication"
+  ],
+  "nextspark": {
+    "type": "mobile"
+  }
+}

package/templates/app/(app)/_layout.tsx

@@ -0,0 +1,216 @@
+/**
+ * App Layout - NextSpark Mobile Style with Bottom Tab Navigation
+ */
+
+import { useEffect, useState, useMemo } from 'react'
+import { View, StyleSheet } from 'react-native'
+import { Alert, useAuth } from '@nextsparkjs/mobile'
+import { Stack, router } from 'expo-router'
+import { useQueryClient } from '@tanstack/react-query'
+import {
+  TopBar,
+  BottomTabBar,
+  MoreSheet,
+  CreateSheet,
+  type TabKey,
+} from '@/src/components/navigation'
+import { Colors } from '@/src/constants/colors'
+import notificationsData from '@/src/data/notifications.mock.json'
+
+export default function AppLayout() {
+  const { isAuthenticated, isLoading, logout } = useAuth()
+  const queryClient = useQueryClient()
+  const [activeTab, setActiveTab] = useState<TabKey>('home')
+  const [moreSheetVisible, setMoreSheetVisible] = useState(false)
+  const [createSheetVisible, setCreateSheetVisible] = useState(false)
+
+  // Calculate unread notifications count from mock data
+  const unreadNotificationCount = useMemo(
+    () => notificationsData.notifications.filter((n) => !n.read).length,
+    []
+  )
+
+  useEffect(() => {
+    if (!isLoading && !isAuthenticated) {
+      router.replace('/login')
+    }
+  }, [isAuthenticated, isLoading])
+
+  if (isLoading || !isAuthenticated) {
+    return null
+  }
+
+  const handleTabPress = (tab: TabKey) => {
+    if (tab === 'more') {
+      setMoreSheetVisible(true)
+      return
+    }
+
+    if (tab === 'create') {
+      setCreateSheetVisible(true)
+      return
+    }
+
+    setActiveTab(tab)
+
+    // Navigate based on tab
+    switch (tab) {
+      case 'home':
+        router.replace('/(app)' as const)
+        break
+      case 'tasks':
+        router.replace('/(app)/tasks')
+        break
+      case 'customers':
+        router.replace('/(app)/customers')
+        break
+    }
+  }
+
+  const handleMoreNavigate = (screen: string) => {
+    switch (screen) {
+      case 'profile':
+        router.push('/(app)/profile')
+        break
+      case 'settings':
+        router.push('/(app)/settings')
+        break
+      case 'billing':
+        // TODO: Add billing screen
+        break
+      case 'api-keys':
+        // TODO: Add API keys screen
+        break
+    }
+  }
+
+  const handleCreateEntity = (entity: string) => {
+    switch (entity) {
+      case 'customer':
+        router.push('/(app)/customer/create')
+        break
+      case 'task':
+        router.push('/(app)/task/create')
+        break
+    }
+  }
+
+  const handleLogout = async () => {
+    setMoreSheetVisible(false)
+    const confirmed = await Alert.confirmDestructive(
+      'Cerrar Sesión',
+      '¿Estás seguro que deseas salir?',
+      'Salir'
+    )
+
+    if (confirmed) {
+      await logout()
+      router.replace('/login')
+    }
+  }
+
+  const handleTeamChange = () => {
+    // Invalidate all queries to refresh data for the new team
+    queryClient.invalidateQueries()
+    // Navigate to home to show refreshed data
+    setActiveTab('home')
+    router.replace('/(app)' as const)
+  }
+
+  return (
+    <View style={styles.container}>
+      {/* Top Bar */}
+      <TopBar notificationCount={unreadNotificationCount} />
+
+      {/* Screen Content */}
+      <View style={styles.content}>
+        <Stack
+          screenOptions={{
+            headerShown: false,
+            contentStyle: { backgroundColor: Colors.backgroundSecondary },
+          }}
+        >
+          <Stack.Screen name="index" />
+          <Stack.Screen name="tasks" />
+          <Stack.Screen name="customers" />
+          <Stack.Screen name="settings" />
+          <Stack.Screen name="profile" />
+          <Stack.Screen
+            name="notifications"
+            options={{
+              headerShown: false,
+              presentation: 'modal',
+            }}
+          />
+          <Stack.Screen
+            name="task/create"
+            options={{
+              presentation: 'modal',
+              headerShown: true,
+              headerTitle: 'Nueva Tarea',
+              headerStyle: { backgroundColor: Colors.background },
+              headerTintColor: Colors.foreground,
+            }}
+          />
+          <Stack.Screen
+            name="task/[id]"
+            options={{
+              headerShown: true,
+              headerTitle: 'Editar Tarea',
+              headerStyle: { backgroundColor: Colors.background },
+              headerTintColor: Colors.foreground,
+            }}
+          />
+          <Stack.Screen
+            name="customer/create"
+            options={{
+              presentation: 'modal',
+              headerShown: true,
+              headerTitle: 'Nuevo Cliente',
+              headerStyle: { backgroundColor: Colors.background },
+              headerTintColor: Colors.foreground,
+            }}
+          />
+          <Stack.Screen
+            name="customer/[id]"
+            options={{
+              headerShown: true,
+              headerTitle: 'Editar Cliente',
+              headerStyle: { backgroundColor: Colors.background },
+              headerTintColor: Colors.foreground,
+            }}
+          />
+        </Stack>
+      </View>
+
+      {/* Bottom Tab Bar */}
+      <BottomTabBar activeTab={activeTab} onTabPress={handleTabPress} />
+
+      {/* More Options Sheet */}
+      <MoreSheet
+        visible={moreSheetVisible}
+        onClose={() => setMoreSheetVisible(false)}
+        onNavigate={handleMoreNavigate}
+        onLogout={handleLogout}
+        onTeamChange={handleTeamChange}
+      />
+
+      {/* Create Sheet */}
+      <CreateSheet
+        visible={createSheetVisible}
+        onClose={() => setCreateSheetVisible(false)}
+        onCreateEntity={handleCreateEntity}
+      />
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.background,
+  },
+  content: {
+    flex: 1,
+  },
+})