@object-ui/auth 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 ObjectQL
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/AuthContext.d.ts

@@ -0,0 +1,34 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import type { AuthUser, AuthSession } from './types';
+export interface AuthContextValue {
+    /** Current authenticated user */
+    user: AuthUser | null;
+    /** Current session information */
+    session: AuthSession | null;
+    /** Whether the user is authenticated */
+    isAuthenticated: boolean;
+    /** Whether auth state is loading */
+    isLoading: boolean;
+    /** Authentication error */
+    error: Error | null;
+    /** Sign in with email and password */
+    signIn: (email: string, password: string) => Promise<void>;
+    /** Sign up with name, email, and password */
+    signUp: (name: string, email: string, password: string) => Promise<void>;
+    /** Sign out the current user */
+    signOut: () => Promise<void>;
+    /** Update user profile */
+    updateUser: (data: Partial<AuthUser>) => Promise<void>;
+    /** Request password reset */
+    forgotPassword: (email: string) => Promise<void>;
+    /** Reset password with token */
+    resetPassword: (token: string, newPassword: string) => Promise<void>;
+}
+export declare const AuthCtx: import("react").Context<AuthContextValue | null>;
+//# sourceMappingURL=AuthContext.d.ts.map

package/dist/AuthContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthContext.d.ts","sourceRoot":"","sources":["../src/AuthContext.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,kCAAkC;IAClC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,wCAAwC;IACxC,eAAe,EAAE,OAAO,CAAC;IACzB,oCAAoC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,sCAAsC;IACtC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,6CAA6C;IAC7C,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzE,gCAAgC;IAChC,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,0BAA0B;IAC1B,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,6BAA6B;IAC7B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,gCAAgC;IAChC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACtE;AAED,eAAO,MAAM,OAAO,kDAA+C,CAAC"}

package/dist/AuthContext.js

@@ -0,0 +1,10 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { createContext } from 'react';
+export const AuthCtx = createContext(null);
+AuthCtx.displayName = 'AuthContext';

package/dist/AuthGuard.d.ts

@@ -0,0 +1,37 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+export interface AuthGuardProps {
+    /** Content to render when user is not authenticated */
+    fallback?: React.ReactNode;
+    /** Required roles (user must have at least one) */
+    requiredRoles?: string[];
+    /** Required permissions (user must have all) */
+    requiredPermissions?: string[];
+    /** Content to render when loading */
+    loadingFallback?: React.ReactNode;
+    /** Children to render when authenticated */
+    children: React.ReactNode;
+}
+/**
+ * Route guard component that conditionally renders children
+ * based on authentication and authorization state.
+ *
+ * @example
+ * ```tsx
+ * <AuthGuard fallback={<Navigate to="/login" />}>
+ *   <ProtectedPage />
+ * </AuthGuard>
+ *
+ * <AuthGuard requiredRoles={['admin']} fallback={<AccessDenied />}>
+ *   <AdminPanel />
+ * </AuthGuard>
+ * ```
+ */
+export declare function AuthGuard({ fallback, requiredRoles, loadingFallback, children, }: AuthGuardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AuthGuard.d.ts.map

package/dist/AuthGuard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthGuard.d.ts","sourceRoot":"","sources":["../src/AuthGuard.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,qCAAqC;IACrC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,4CAA4C;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAe,EACf,aAAa,EACb,eAAe,EACf,QAAQ,GACT,EAAE,cAAc,2CAqBhB"}

package/dist/AuthGuard.js

@@ -0,0 +1,35 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useAuth } from './useAuth';
+/**
+ * Route guard component that conditionally renders children
+ * based on authentication and authorization state.
+ *
+ * @example
+ * ```tsx
+ * <AuthGuard fallback={<Navigate to="/login" />}>
+ *   <ProtectedPage />
+ * </AuthGuard>
+ *
+ * <AuthGuard requiredRoles={['admin']} fallback={<AccessDenied />}>
+ *   <AdminPanel />
+ * </AuthGuard>
+ * ```
+ */
+export function AuthGuard({ fallback = null, requiredRoles, loadingFallback, children, }) {
+    const { isAuthenticated, isLoading, user } = useAuth();
+    if (isLoading) {
+        return _jsx(_Fragment, { children: loadingFallback ?? null });
+    }
+    if (!isAuthenticated) {
+        return _jsx(_Fragment, { children: fallback });
+    }
+    // Check role requirements
+    if (requiredRoles && requiredRoles.length > 0 && user) {
+        const userRoles = user.roles ?? (user.role ? [user.role] : []);
+        const hasRole = requiredRoles.some((role) => userRoles.includes(role));
+        if (!hasRole) {
+            return _jsx(_Fragment, { children: fallback });
+        }
+    }
+    return _jsx(_Fragment, { children: children });
+}

package/dist/AuthProvider.d.ts

@@ -0,0 +1,27 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import type { AuthProviderConfig } from './types';
+export interface AuthProviderProps extends AuthProviderConfig {
+    children: React.ReactNode;
+}
+/**
+ * Authentication context provider.
+ *
+ * Wraps the application to provide authentication state and methods
+ * to all child components via the useAuth hook.
+ *
+ * @example
+ * ```tsx
+ * <AuthProvider authUrl="/api/auth">
+ *   <App />
+ * </AuthProvider>
+ * ```
+ */
+export declare function AuthProvider({ authUrl, client: externalClient, onAuthStateChange, children, }: AuthProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AuthProvider.d.ts.map

package/dist/AuthProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthProvider.d.ts","sourceRoot":"","sources":["../src/AuthProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,EAAwB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIxE,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,MAAM,EAAE,cAAc,EACtB,iBAAiB,EACjB,QAAQ,GACT,EAAE,iBAAiB,2CAmKnB"}

package/dist/AuthProvider.js

@@ -0,0 +1,166 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useState, useEffect, useCallback, useMemo } from 'react';
+import { AuthCtx } from './AuthContext';
+import { createAuthClient } from './createAuthClient';
+/**
+ * Authentication context provider.
+ *
+ * Wraps the application to provide authentication state and methods
+ * to all child components via the useAuth hook.
+ *
+ * @example
+ * ```tsx
+ * <AuthProvider authUrl="/api/auth">
+ *   <App />
+ * </AuthProvider>
+ * ```
+ */
+export function AuthProvider({ authUrl, client: externalClient, onAuthStateChange, children, }) {
+    const client = useMemo(() => externalClient ?? createAuthClient({ baseURL: authUrl }), [externalClient, authUrl]);
+    const [user, setUser] = useState(null);
+    const [session, setSession] = useState(null);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const isAuthenticated = user !== null && session !== null;
+    // Load session on mount
+    useEffect(() => {
+        let cancelled = false;
+        async function loadSession() {
+            try {
+                const result = await client.getSession();
+                if (cancelled)
+                    return;
+                if (result) {
+                    setUser(result.user);
+                    setSession(result.session);
+                }
+            }
+            catch (err) {
+                if (cancelled)
+                    return;
+                setError(err instanceof Error ? err : new Error(String(err)));
+            }
+            finally {
+                if (!cancelled) {
+                    setIsLoading(false);
+                }
+            }
+        }
+        loadSession();
+        return () => { cancelled = true; };
+    }, [client]);
+    // Notify on auth state changes
+    useEffect(() => {
+        onAuthStateChange?.({
+            user,
+            session,
+            isAuthenticated,
+            isLoading,
+            error,
+        });
+    }, [user, session, isAuthenticated, isLoading, error, onAuthStateChange]);
+    const signIn = useCallback(async (email, password) => {
+        setIsLoading(true);
+        setError(null);
+        try {
+            const result = await client.signIn({ email, password });
+            setUser(result.user);
+            setSession(result.session);
+        }
+        catch (err) {
+            const authError = err instanceof Error ? err : new Error(String(err));
+            setError(authError);
+            throw authError;
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [client]);
+    const signUp = useCallback(async (name, email, password) => {
+        setIsLoading(true);
+        setError(null);
+        try {
+            const result = await client.signUp({ name, email, password });
+            setUser(result.user);
+            setSession(result.session);
+        }
+        catch (err) {
+            const authError = err instanceof Error ? err : new Error(String(err));
+            setError(authError);
+            throw authError;
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [client]);
+    const signOut = useCallback(async () => {
+        setIsLoading(true);
+        try {
+            await client.signOut();
+            setUser(null);
+            setSession(null);
+            setError(null);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [client]);
+    const updateUser = useCallback(async (data) => {
+        setError(null);
+        try {
+            const updated = await client.updateUser(data);
+            setUser(updated);
+        }
+        catch (err) {
+            const authError = err instanceof Error ? err : new Error(String(err));
+            setError(authError);
+            throw authError;
+        }
+    }, [client]);
+    const forgotPassword = useCallback(async (email) => {
+        setError(null);
+        try {
+            await client.forgotPassword(email);
+        }
+        catch (err) {
+            const authError = err instanceof Error ? err : new Error(String(err));
+            setError(authError);
+            throw authError;
+        }
+    }, [client]);
+    const resetPassword = useCallback(async (token, newPassword) => {
+        setError(null);
+        try {
+            await client.resetPassword(token, newPassword);
+        }
+        catch (err) {
+            const authError = err instanceof Error ? err : new Error(String(err));
+            setError(authError);
+            throw authError;
+        }
+    }, [client]);
+    const value = useMemo(() => ({
+        user,
+        session,
+        isAuthenticated,
+        isLoading,
+        error,
+        signIn,
+        signUp,
+        signOut,
+        updateUser,
+        forgotPassword,
+        resetPassword,
+    }), [user, session, isAuthenticated, isLoading, error, signIn, signUp, signOut, updateUser, forgotPassword, resetPassword]);
+    return _jsx(AuthCtx.Provider, { value: value, children: children });
+}

package/dist/ForgotPasswordForm.d.ts

@@ -0,0 +1,33 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export interface ForgotPasswordFormProps {
+    /** Callback on successful submission */
+    onSuccess?: () => void;
+    /** Callback on error */
+    onError?: (error: Error) => void;
+    /** Link to login page */
+    loginUrl?: string;
+    /** Custom title */
+    title?: string;
+    /** Custom description */
+    description?: string;
+}
+/**
+ * Forgot password form component.
+ * Sends a password reset email to the user.
+ *
+ * @example
+ * ```tsx
+ * <ForgotPasswordForm
+ *   onSuccess={() => setShowSuccess(true)}
+ *   loginUrl="/login"
+ * />
+ * ```
+ */
+export declare function ForgotPasswordForm({ onSuccess, onError, loginUrl, title, description, }: ForgotPasswordFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ForgotPasswordForm.d.ts.map

package/dist/ForgotPasswordForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordForm.d.ts","sourceRoot":"","sources":["../src/ForgotPasswordForm.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,MAAM,WAAW,uBAAuB;IACtC,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,wBAAwB;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,OAAO,EACP,QAAmB,EACnB,KAA6B,EAC7B,WAA0F,GAC3F,EAAE,uBAAuB,2CA4FzB"}

package/dist/ForgotPasswordForm.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useState } from 'react';
+import { useAuth } from './useAuth';
+/**
+ * Forgot password form component.
+ * Sends a password reset email to the user.
+ *
+ * @example
+ * ```tsx
+ * <ForgotPasswordForm
+ *   onSuccess={() => setShowSuccess(true)}
+ *   loginUrl="/login"
+ * />
+ * ```
+ */
+export function ForgotPasswordForm({ onSuccess, onError, loginUrl = '/login', title = 'Reset your password', description = 'Enter your email address and we\'ll send you a link to reset your password', }) {
+    const { forgotPassword, isLoading } = useAuth();
+    const [email, setEmail] = useState('');
+    const [error, setError] = useState(null);
+    const [submitted, setSubmitted] = useState(false);
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setError(null);
+        try {
+            await forgotPassword(email);
+            setSubmitted(true);
+            onSuccess?.();
+        }
+        catch (err) {
+            const authError = err instanceof Error ? err : new Error(String(err));
+            setError(authError.message);
+            onError?.(authError);
+        }
+    };
+    if (submitted) {
+        return (_jsxs("div", { className: "mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]", children: [_jsxs("div", { className: "flex flex-col space-y-2 text-center", children: [_jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: "Check your email" }), _jsxs("p", { className: "text-sm text-muted-foreground", children: ["We've sent a password reset link to ", _jsx("strong", { children: email }), ". Please check your inbox and follow the instructions."] })] }), loginUrl && (_jsx("p", { className: "px-8 text-center text-sm text-muted-foreground", children: _jsx("a", { href: loginUrl, className: "text-primary underline-offset-4 hover:underline", children: "Back to sign in" }) }))] }));
+    }
+    return (_jsxs("div", { className: "mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]", children: [_jsxs("div", { className: "flex flex-col space-y-2 text-center", children: [_jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: title }), _jsx("p", { className: "text-sm text-muted-foreground", children: description })] }), _jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [error && (_jsx("div", { className: "rounded-md bg-destructive/15 p-3 text-sm text-destructive", role: "alert", children: error })), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "forgot-email", className: "text-sm font-medium leading-none", children: "Email" }), _jsx("input", { id: "forgot-email", type: "email", placeholder: "name@example.com", value: email, onChange: (e) => setEmail(e.target.value), required: true, autoComplete: "email", disabled: isLoading, className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50" })] }), _jsx("button", { type: "submit", disabled: isLoading, className: "inline-flex h-10 w-full items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground ring-offset-background transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", children: isLoading ? 'Sending...' : 'Send Reset Link' })] }), loginUrl && (_jsxs("p", { className: "px-8 text-center text-sm text-muted-foreground", children: ["Remember your password?", ' ', _jsx("a", { href: loginUrl, className: "text-primary underline-offset-4 hover:underline", children: "Sign in" })] }))] }));
+}

package/dist/LoginForm.d.ts

@@ -0,0 +1,36 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export interface LoginFormProps {
+    /** Callback on successful login */
+    onSuccess?: () => void;
+    /** Callback on login error */
+    onError?: (error: Error) => void;
+    /** Link to registration page */
+    registerUrl?: string;
+    /** Link to forgot password page */
+    forgotPasswordUrl?: string;
+    /** Custom title */
+    title?: string;
+    /** Custom description */
+    description?: string;
+}
+/**
+ * Login form component with email/password authentication.
+ * Uses Tailwind CSS utility classes for styling.
+ *
+ * @example
+ * ```tsx
+ * <LoginForm
+ *   onSuccess={() => navigate('/dashboard')}
+ *   registerUrl="/register"
+ *   forgotPasswordUrl="/forgot-password"
+ * />
+ * ```
+ */
+export declare function LoginForm({ onSuccess, onError, registerUrl, forgotPasswordUrl, title, description, }: LoginFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoginForm.d.ts.map

package/dist/LoginForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../src/LoginForm.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,MAAM,WAAW,cAAc;IAC7B,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,OAAO,EACP,WAAyB,EACzB,iBAAsC,EACtC,KAAiC,EACjC,WAAyD,GAC1D,EAAE,cAAc,2CAiGhB"}

package/dist/LoginForm.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useState } from 'react';
+import { useAuth } from './useAuth';
+/**
+ * Login form component with email/password authentication.
+ * Uses Tailwind CSS utility classes for styling.
+ *
+ * @example
+ * ```tsx
+ * <LoginForm
+ *   onSuccess={() => navigate('/dashboard')}
+ *   registerUrl="/register"
+ *   forgotPasswordUrl="/forgot-password"
+ * />
+ * ```
+ */
+export function LoginForm({ onSuccess, onError, registerUrl = '/register', forgotPasswordUrl = '/forgot-password', title = 'Sign in to your account', description = 'Enter your email and password to continue', }) {
+    const { signIn, isLoading } = useAuth();
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+    const [error, setError] = useState(null);
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setError(null);
+        try {
+            await signIn(email, password);
+            onSuccess?.();
+        }
+        catch (err) {
+            const authError = err instanceof Error ? err : new Error(String(err));
+            setError(authError.message);
+            onError?.(authError);
+        }
+    };
+    return (_jsxs("div", { className: "mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]", children: [_jsxs("div", { className: "flex flex-col space-y-2 text-center", children: [_jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: title }), _jsx("p", { className: "text-sm text-muted-foreground", children: description })] }), _jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [error && (_jsx("div", { className: "rounded-md bg-destructive/15 p-3 text-sm text-destructive", role: "alert", children: error })), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "login-email", className: "text-sm font-medium leading-none", children: "Email" }), _jsx("input", { id: "login-email", type: "email", placeholder: "name@example.com", value: email, onChange: (e) => setEmail(e.target.value), required: true, autoComplete: "email", disabled: isLoading, className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50" })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("label", { htmlFor: "login-password", className: "text-sm font-medium leading-none", children: "Password" }), forgotPasswordUrl && (_jsx("a", { href: forgotPasswordUrl, className: "text-sm text-primary underline-offset-4 hover:underline", children: "Forgot password?" }))] }), _jsx("input", { id: "login-password", type: "password", placeholder: "Enter your password", value: password, onChange: (e) => setPassword(e.target.value), required: true, autoComplete: "current-password", disabled: isLoading, className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50" })] }), _jsx("button", { type: "submit", disabled: isLoading, className: "inline-flex h-10 w-full items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground ring-offset-background transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", children: isLoading ? 'Signing in...' : 'Sign In' })] }), registerUrl && (_jsxs("p", { className: "px-8 text-center text-sm text-muted-foreground", children: ["Don't have an account?", ' ', _jsx("a", { href: registerUrl, className: "text-primary underline-offset-4 hover:underline", children: "Sign up" })] }))] }));
+}

package/dist/RegisterForm.d.ts

@@ -0,0 +1,33 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export interface RegisterFormProps {
+    /** Callback on successful registration */
+    onSuccess?: () => void;
+    /** Callback on registration error */
+    onError?: (error: Error) => void;
+    /** Link to login page */
+    loginUrl?: string;
+    /** Custom title */
+    title?: string;
+    /** Custom description */
+    description?: string;
+}
+/**
+ * Registration form component with name, email, and password fields.
+ * Uses Tailwind CSS utility classes for styling.
+ *
+ * @example
+ * ```tsx
+ * <RegisterForm
+ *   onSuccess={() => navigate('/dashboard')}
+ *   loginUrl="/login"
+ * />
+ * ```
+ */
+export declare function RegisterForm({ onSuccess, onError, loginUrl, title, description, }: RegisterFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RegisterForm.d.ts.map

package/dist/RegisterForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegisterForm.d.ts","sourceRoot":"","sources":["../src/RegisterForm.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,MAAM,WAAW,iBAAiB;IAChC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qCAAqC;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,OAAO,EACP,QAAmB,EACnB,KAA2B,EAC3B,WAAqD,GACtD,EAAE,iBAAiB,2CAuInB"}

package/dist/RegisterForm.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useState } from 'react';
+import { useAuth } from './useAuth';
+/**
+ * Registration form component with name, email, and password fields.
+ * Uses Tailwind CSS utility classes for styling.
+ *
+ * @example
+ * ```tsx
+ * <RegisterForm
+ *   onSuccess={() => navigate('/dashboard')}
+ *   loginUrl="/login"
+ * />
+ * ```
+ */
+export function RegisterForm({ onSuccess, onError, loginUrl = '/login', title = 'Create an account', description = 'Enter your information to get started', }) {
+    const { signUp, isLoading } = useAuth();
+    const [name, setName] = useState('');
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+    const [confirmPassword, setConfirmPassword] = useState('');
+    const [error, setError] = useState(null);
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setError(null);
+        if (password !== confirmPassword) {
+            setError('Passwords do not match');
+            return;
+        }
+        if (password.length < 8) {
+            setError('Password must be at least 8 characters');
+            return;
+        }
+        try {
+            await signUp(name, email, password);
+            onSuccess?.();
+        }
+        catch (err) {
+            const authError = err instanceof Error ? err : new Error(String(err));
+            setError(authError.message);
+            onError?.(authError);
+        }
+    };
+    return (_jsxs("div", { className: "mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]", children: [_jsxs("div", { className: "flex flex-col space-y-2 text-center", children: [_jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: title }), _jsx("p", { className: "text-sm text-muted-foreground", children: description })] }), _jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [error && (_jsx("div", { className: "rounded-md bg-destructive/15 p-3 text-sm text-destructive", role: "alert", children: error })), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "register-name", className: "text-sm font-medium leading-none", children: "Name" }), _jsx("input", { id: "register-name", type: "text", placeholder: "John Doe", value: name, onChange: (e) => setName(e.target.value), required: true, autoComplete: "name", disabled: isLoading, className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "register-email", className: "text-sm font-medium leading-none", children: "Email" }), _jsx("input", { id: "register-email", type: "email", placeholder: "name@example.com", value: email, onChange: (e) => setEmail(e.target.value), required: true, autoComplete: "email", disabled: isLoading, className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "register-password", className: "text-sm font-medium leading-none", children: "Password" }), _jsx("input", { id: "register-password", type: "password", placeholder: "Create a password (min. 8 characters)", value: password, onChange: (e) => setPassword(e.target.value), required: true, minLength: 8, autoComplete: "new-password", disabled: isLoading, className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "register-confirm-password", className: "text-sm font-medium leading-none", children: "Confirm Password" }), _jsx("input", { id: "register-confirm-password", type: "password", placeholder: "Confirm your password", value: confirmPassword, onChange: (e) => setConfirmPassword(e.target.value), required: true, minLength: 8, autoComplete: "new-password", disabled: isLoading, className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50" })] }), _jsx("button", { type: "submit", disabled: isLoading, className: "inline-flex h-10 w-full items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground ring-offset-background transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", children: isLoading ? 'Creating account...' : 'Create Account' })] }), loginUrl && (_jsxs("p", { className: "px-8 text-center text-sm text-muted-foreground", children: ["Already have an account?", ' ', _jsx("a", { href: loginUrl, className: "text-primary underline-offset-4 hover:underline", children: "Sign in" })] }))] }));
+}

package/dist/UserMenu.d.ts

@@ -0,0 +1,32 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+export interface UserMenuProps {
+    /** Custom avatar URL override */
+    avatarUrl?: string;
+    /** Callback for profile navigation */
+    onProfile?: () => void;
+    /** Callback for settings navigation */
+    onSettings?: () => void;
+    /** Custom menu items */
+    children?: React.ReactNode;
+}
+/**
+ * User menu component displaying the authenticated user's info.
+ * Shows avatar, name, email, and common actions (profile, settings, sign out).
+ *
+ * This is a headless component that provides the user data and actions.
+ * The actual dropdown rendering is handled by the consumer (e.g., AppSidebar).
+ *
+ * @example
+ * ```tsx
+ * <UserMenu onProfile={() => navigate('/profile')} />
+ * ```
+ */
+export declare function UserMenu({ avatarUrl, onProfile, onSettings, }: UserMenuProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=UserMenu.d.ts.map

package/dist/UserMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../src/UserMenu.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,SAAS,EACT,UAAU,GACX,EAAE,aAAa,kDAiEf"}

package/dist/UserMenu.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAuth } from './useAuth';
+import { getUserInitials } from './types';
+/**
+ * User menu component displaying the authenticated user's info.
+ * Shows avatar, name, email, and common actions (profile, settings, sign out).
+ *
+ * This is a headless component that provides the user data and actions.
+ * The actual dropdown rendering is handled by the consumer (e.g., AppSidebar).
+ *
+ * @example
+ * ```tsx
+ * <UserMenu onProfile={() => navigate('/profile')} />
+ * ```
+ */
+export function UserMenu({ avatarUrl, onProfile, onSettings, }) {
+    const { user, signOut, isAuthenticated } = useAuth();
+    if (!isAuthenticated || !user) {
+        return null;
+    }
+    const initials = getUserInitials(user);
+    const imageUrl = avatarUrl ?? user.image;
+    return (_jsxs("div", { className: "flex items-center gap-2 text-left text-sm", children: [_jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground overflow-hidden", children: imageUrl ? (_jsx("img", { src: imageUrl, alt: user.name, className: "h-full w-full object-cover" })) : (_jsx("span", { className: "text-xs font-medium", children: initials })) }), _jsxs("div", { className: "grid flex-1 leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: user.name }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: user.email })] }), (onProfile || onSettings) && (_jsxs("div", { className: "flex items-center gap-1", children: [onProfile && (_jsx("button", { type: "button", onClick: onProfile, className: "rounded-md p-1 text-muted-foreground hover:text-foreground", "aria-label": "Profile", children: _jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" }) }) })), onSettings && (_jsx("button", { type: "button", onClick: onSettings, className: "rounded-md p-1 text-muted-foreground hover:text-foreground", "aria-label": "Settings", children: _jsxs("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.066 2.573c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.573 1.066c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.066-2.573c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })] }) }))] })), _jsx("button", { type: "button", onClick: () => signOut(), className: "rounded-md p-1 text-muted-foreground hover:text-destructive", "aria-label": "Sign out", children: _jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" }) }) })] }));
+}

package/dist/createAuthClient.d.ts

@@ -0,0 +1,23 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import type { AuthClient, AuthClientConfig } from './types';
+/**
+ * Create an auth client instance.
+ *
+ * This factory creates an abstraction layer over the authentication provider.
+ * It is designed to work with better-auth but can be adapted to any auth backend
+ * that exposes standard REST endpoints for sign-in, sign-up, sign-out, and session management.
+ *
+ * @example
+ * ```ts
+ * const authClient = createAuthClient({ baseURL: '/api/auth' });
+ * const { user, session } = await authClient.signIn({ email, password });
+ * ```
+ */
+export declare function createAuthClient(config: AuthClientConfig): AuthClient;
+//# sourceMappingURL=createAuthClient.d.ts.map

package/dist/createAuthClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAuthClient.d.ts","sourceRoot":"","sources":["../src/createAuthClient.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAwD,MAAM,SAAS,CAAC;AAElH;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,GAAG,UAAU,CA4ErE"}

package/dist/createAuthClient.js

@@ -0,0 +1,88 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Create an auth client instance.
+ *
+ * This factory creates an abstraction layer over the authentication provider.
+ * It is designed to work with better-auth but can be adapted to any auth backend
+ * that exposes standard REST endpoints for sign-in, sign-up, sign-out, and session management.
+ *
+ * @example
+ * ```ts
+ * const authClient = createAuthClient({ baseURL: '/api/auth' });
+ * const { user, session } = await authClient.signIn({ email, password });
+ * ```
+ */
+export function createAuthClient(config) {
+    const { baseURL, fetchFn = fetch } = config;
+    async function request(path, options) {
+        const url = `${baseURL}${path}`;
+        const response = await fetchFn(url, {
+            ...options,
+            headers: {
+                'Content-Type': 'application/json',
+                ...options?.headers,
+            },
+            credentials: 'include',
+        });
+        if (!response.ok) {
+            const body = await response.json().catch(() => null);
+            const message = (body && typeof body === 'object' && 'message' in body)
+                ? String(body.message)
+                : `Auth request failed with status ${response.status}`;
+            throw new Error(message);
+        }
+        return response.json();
+    }
+    return {
+        async signIn(credentials) {
+            return request('/sign-in/email', {
+                method: 'POST',
+                body: JSON.stringify(credentials),
+            });
+        },
+        async signUp(data) {
+            return request('/sign-up/email', {
+                method: 'POST',
+                body: JSON.stringify(data),
+            });
+        },
+        async signOut() {
+            await request('/sign-out', { method: 'POST' });
+        },
+        async getSession() {
+            try {
+                return await request('/get-session', {
+                    method: 'GET',
+                });
+            }
+            catch {
+                return null;
+            }
+        },
+        async forgotPassword(email) {
+            await request('/forgot-password', {
+                method: 'POST',
+                body: JSON.stringify({ email }),
+            });
+        },
+        async resetPassword(token, newPassword) {
+            await request('/reset-password', {
+                method: 'POST',
+                body: JSON.stringify({ token, newPassword }),
+            });
+        },
+        async updateUser(data) {
+            const result = await request('/update-user', {
+                method: 'POST',
+                body: JSON.stringify(data),
+            });
+            return result.user;
+        },
+    };
+}

package/dist/createAuthenticatedFetch.d.ts

@@ -0,0 +1,42 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import type { AuthClient } from './types';
+/**
+ * Options for creating an authenticated adapter.
+ */
+export interface AuthenticatedAdapterOptions {
+    /** Base URL for the ObjectStack API */
+    baseUrl: string;
+    /** Auth client to get session tokens from */
+    authClient: AuthClient;
+    /** Additional adapter options */
+    [key: string]: unknown;
+}
+/**
+ * Creates an authenticated fetch wrapper that injects the Bearer token
+ * from the auth session into every request to the ObjectStack API.
+ *
+ * This is the recommended way to integrate authentication with
+ * @objectstack/client's ObjectStackAdapter.
+ *
+ * @example
+ * ```ts
+ * import { ObjectStackAdapter } from '@object-ui/data-objectstack';
+ * import { createAuthClient, createAuthenticatedFetch } from '@object-ui/auth';
+ *
+ * const authClient = createAuthClient({ baseURL: '/api/auth' });
+ * const authenticatedFetch = createAuthenticatedFetch(authClient);
+ *
+ * const adapter = new ObjectStackAdapter({
+ *   baseUrl: '/api/v1',
+ *   fetch: authenticatedFetch,
+ * });
+ * ```
+ */
+export declare function createAuthenticatedFetch(authClient: AuthClient): (input: RequestInfo | URL, init?: RequestInit) => Promise<Response>;
+//# sourceMappingURL=createAuthenticatedFetch.d.ts.map

package/dist/createAuthenticatedFetch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAuthenticatedFetch.d.ts","sourceRoot":"","sources":["../src/createAuthenticatedFetch.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,uCAAuC;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,UAAU,EAAE,UAAU,CAAC;IACvB,iCAAiC;IACjC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,UAAU,GACrB,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,EAAE,IAAI,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CASrE"}

package/dist/createAuthenticatedFetch.js

@@ -0,0 +1,38 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Creates an authenticated fetch wrapper that injects the Bearer token
+ * from the auth session into every request to the ObjectStack API.
+ *
+ * This is the recommended way to integrate authentication with
+ * @objectstack/client's ObjectStackAdapter.
+ *
+ * @example
+ * ```ts
+ * import { ObjectStackAdapter } from '@object-ui/data-objectstack';
+ * import { createAuthClient, createAuthenticatedFetch } from '@object-ui/auth';
+ *
+ * const authClient = createAuthClient({ baseURL: '/api/auth' });
+ * const authenticatedFetch = createAuthenticatedFetch(authClient);
+ *
+ * const adapter = new ObjectStackAdapter({
+ *   baseUrl: '/api/v1',
+ *   fetch: authenticatedFetch,
+ * });
+ * ```
+ */
+export function createAuthenticatedFetch(authClient) {
+    return async (input, init) => {
+        const session = await authClient.getSession();
+        const headers = new Headers(init?.headers);
+        if (session?.session?.token) {
+            headers.set('Authorization', `Bearer ${session.session.token}`);
+        }
+        return fetch(input, { ...init, headers });
+    };
+}

package/dist/index.d.ts

@@ -0,0 +1,34 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @object-ui/auth
+ *
+ * Authentication system for Object UI providing:
+ * - AuthProvider context for React apps
+ * - useAuth hook for accessing auth state and methods
+ * - AuthGuard component for route protection
+ * - LoginForm, RegisterForm, ForgotPasswordForm UI components
+ * - UserMenu component for authenticated user display
+ * - createAuthClient factory for auth backend integration
+ * - createAuthenticatedFetch for DataSource token injection
+ *
+ * @packageDocumentation
+ */
+export { AuthProvider, type AuthProviderProps } from './AuthProvider';
+export { useAuth } from './useAuth';
+export { AuthGuard, type AuthGuardProps } from './AuthGuard';
+export { LoginForm, type LoginFormProps } from './LoginForm';
+export { RegisterForm, type RegisterFormProps } from './RegisterForm';
+export { ForgotPasswordForm, type ForgotPasswordFormProps } from './ForgotPasswordForm';
+export { UserMenu, type UserMenuProps } from './UserMenu';
+export { createAuthClient } from './createAuthClient';
+export { createAuthenticatedFetch, type AuthenticatedAdapterOptions } from './createAuthenticatedFetch';
+export { getUserInitials } from './types';
+export type { AuthUser, AuthSession, AuthState, AuthClient, AuthClientConfig, AuthProviderConfig, SignInCredentials, SignUpData, } from './types';
+export type { AuthContextValue } from './AuthContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,KAAK,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AACxG,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG1C,YAAY,EACV,QAAQ,EACR,WAAW,EACX,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,GACX,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -0,0 +1,31 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @object-ui/auth
+ *
+ * Authentication system for Object UI providing:
+ * - AuthProvider context for React apps
+ * - useAuth hook for accessing auth state and methods
+ * - AuthGuard component for route protection
+ * - LoginForm, RegisterForm, ForgotPasswordForm UI components
+ * - UserMenu component for authenticated user display
+ * - createAuthClient factory for auth backend integration
+ * - createAuthenticatedFetch for DataSource token injection
+ *
+ * @packageDocumentation
+ */
+export { AuthProvider } from './AuthProvider';
+export { useAuth } from './useAuth';
+export { AuthGuard } from './AuthGuard';
+export { LoginForm } from './LoginForm';
+export { RegisterForm } from './RegisterForm';
+export { ForgotPasswordForm } from './ForgotPasswordForm';
+export { UserMenu } from './UserMenu';
+export { createAuthClient } from './createAuthClient';
+export { createAuthenticatedFetch } from './createAuthenticatedFetch';
+export { getUserInitials } from './types';

package/dist/types.d.ts

@@ -0,0 +1,112 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Authentication types for @object-ui/auth
+ */
+/** Authenticated user information */
+export interface AuthUser {
+    /** Unique user identifier */
+    id: string;
+    /** Display name */
+    name: string;
+    /** Email address */
+    email: string;
+    /** Profile image URL */
+    image?: string;
+    /** Primary role */
+    role?: string;
+    /** All assigned roles */
+    roles?: string[];
+    /** Email verification status */
+    emailVerified?: boolean;
+    /** Additional user metadata */
+    [key: string]: unknown;
+}
+/**
+ * Get user initials from their name or email.
+ * Returns up to 2 uppercase characters.
+ */
+export declare function getUserInitials(user: Pick<AuthUser, 'name' | 'email'> | null | undefined): string;
+/** Session information */
+export interface AuthSession {
+    /** Access token */
+    token: string;
+    /** Token expiry timestamp */
+    expiresAt?: Date;
+    /** Refresh token */
+    refreshToken?: string;
+}
+/** Authentication state */
+export interface AuthState {
+    /** Current authenticated user */
+    user: AuthUser | null;
+    /** Current session */
+    session: AuthSession | null;
+    /** Whether the user is authenticated */
+    isAuthenticated: boolean;
+    /** Whether auth state is loading */
+    isLoading: boolean;
+    /** Authentication error */
+    error: Error | null;
+}
+/** Sign in credentials */
+export interface SignInCredentials {
+    email: string;
+    password: string;
+}
+/** Sign up data */
+export interface SignUpData {
+    name: string;
+    email: string;
+    password: string;
+}
+/** Auth client configuration */
+export interface AuthClientConfig {
+    /** Authentication server URL (e.g., "/api/auth") */
+    baseURL: string;
+    /** Custom fetch function for requests */
+    fetchFn?: typeof fetch;
+}
+/** Auth client interface - abstracts the underlying auth library */
+export interface AuthClient {
+    /** Sign in with email/password */
+    signIn: (credentials: SignInCredentials) => Promise<{
+        user: AuthUser;
+        session: AuthSession;
+    }>;
+    /** Sign up with email/password */
+    signUp: (data: SignUpData) => Promise<{
+        user: AuthUser;
+        session: AuthSession;
+    }>;
+    /** Sign out */
+    signOut: () => Promise<void>;
+    /** Get current session */
+    getSession: () => Promise<{
+        user: AuthUser;
+        session: AuthSession;
+    } | null>;
+    /** Reset password request */
+    forgotPassword: (email: string) => Promise<void>;
+    /** Reset password with token */
+    resetPassword: (token: string, newPassword: string) => Promise<void>;
+    /** Update user profile */
+    updateUser: (data: Partial<AuthUser>) => Promise<AuthUser>;
+}
+/** Auth provider configuration */
+export interface AuthProviderConfig {
+    /** Authentication server URL */
+    authUrl: string;
+    /** Auth client instance (if already created) */
+    client?: AuthClient;
+    /** Callback when auth state changes */
+    onAuthStateChange?: (state: AuthState) => void;
+    /** Path to redirect to when not authenticated */
+    redirectTo?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;GAEG;AAEH,qCAAqC;AACrC,MAAM,WAAW,QAAQ;IACvB,6BAA6B;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+BAA+B;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAWjG;AAED,0BAA0B;AAC1B,MAAM,WAAW,WAAW;IAC1B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,2BAA2B;AAC3B,MAAM,WAAW,SAAS;IACxB,iCAAiC;IACjC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,sBAAsB;IACtB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,wCAAwC;IACxC,eAAe,EAAE,OAAO,CAAC;IACzB,oCAAoC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED,0BAA0B;AAC1B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,mBAAmB;AACnB,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,gCAAgC;AAChC,MAAM,WAAW,gBAAgB;IAC/B,oDAAoD;IACpD,OAAO,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,KAAK,CAAC;CACxB;AAED,oEAAoE;AACpE,MAAM,WAAW,UAAU;IACzB,kCAAkC;IAClC,MAAM,EAAE,CAAC,WAAW,EAAE,iBAAiB,KAAK,OAAO,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;IAC9F,kCAAkC;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;IAChF,eAAe;IACf,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,0BAA0B;IAC1B,UAAU,EAAE,MAAM,OAAO,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI,CAAC,CAAC;IAC3E,6BAA6B;IAC7B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,gCAAgC;IAChC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrE,0BAA0B;IAC1B,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;CAC5D;AAED,kCAAkC;AAClC,MAAM,WAAW,kBAAkB;IACjC,gCAAgC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC/C,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/types.js

@@ -0,0 +1,24 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Get user initials from their name or email.
+ * Returns up to 2 uppercase characters.
+ */
+export function getUserInitials(user) {
+    if (!user)
+        return '?';
+    if (user.name) {
+        return user.name
+            .split(' ')
+            .map((n) => n[0])
+            .join('')
+            .toUpperCase()
+            .slice(0, 2);
+    }
+    return user.email?.[0]?.toUpperCase() ?? '?';
+}

package/dist/useAuth.d.ts

@@ -0,0 +1,23 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { type AuthContextValue } from './AuthContext';
+/**
+ * Hook to access authentication state and methods.
+ * Must be used within an AuthProvider.
+ *
+ * @example
+ * ```tsx
+ * function UserProfile() {
+ *   const { user, isAuthenticated, signOut } = useAuth();
+ *   if (!isAuthenticated) return null;
+ *   return <span>{user.name}</span>;
+ * }
+ * ```
+ */
+export declare function useAuth(): AuthContextValue;
+//# sourceMappingURL=useAuth.d.ts.map

package/dist/useAuth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../src/useAuth.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAW,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE/D;;;;;;;;;;;;GAYG;AACH,wBAAgB,OAAO,IAAI,gBAAgB,CAqB1C"}

package/dist/useAuth.js

@@ -0,0 +1,42 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useContext } from 'react';
+import { AuthCtx } from './AuthContext';
+/**
+ * Hook to access authentication state and methods.
+ * Must be used within an AuthProvider.
+ *
+ * @example
+ * ```tsx
+ * function UserProfile() {
+ *   const { user, isAuthenticated, signOut } = useAuth();
+ *   if (!isAuthenticated) return null;
+ *   return <span>{user.name}</span>;
+ * }
+ * ```
+ */
+export function useAuth() {
+    const ctx = useContext(AuthCtx);
+    if (!ctx) {
+        // Return a safe default when used outside AuthProvider
+        return {
+            user: null,
+            session: null,
+            isAuthenticated: false,
+            isLoading: false,
+            error: null,
+            signIn: async () => { throw new Error('useAuth must be used within an AuthProvider'); },
+            signUp: async () => { throw new Error('useAuth must be used within an AuthProvider'); },
+            signOut: async () => { throw new Error('useAuth must be used within an AuthProvider'); },
+            updateUser: async () => { throw new Error('useAuth must be used within an AuthProvider'); },
+            forgotPassword: async () => { throw new Error('useAuth must be used within an AuthProvider'); },
+            resetPassword: async () => { throw new Error('useAuth must be used within an AuthProvider'); },
+        };
+    }
+    return ctx;
+}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@object-ui/auth",
+  "version": "0.1.0",
+  "type": "module",
+  "license": "MIT",
+  "description": "Authentication system for Object UI with AuthProvider, useAuth hook, AuthGuard, and form components.",
+  "homepage": "https://www.objectui.org",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/objectstack-ai/objectui.git",
+    "directory": "packages/auth"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@object-ui/types": "0.5.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.13",
+    "react": "^19.1.0",
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.18"
+  },
+  "scripts": {
+    "build": "tsc",
+    "clean": "rm -rf dist",
+    "test": "vitest run",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint ."
+  }
+}