@proveanything/smartlinks-auth-ui 0.1.0

package/dist/components/PasswordResetForm.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import './AuthForm.css';
+export const PasswordResetForm = ({ onSubmit, onBack, loading, error, success, token, }) => {
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+    const [confirmPassword, setConfirmPassword] = useState('');
+    const [passwordError, setPasswordError] = useState('');
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (token) {
+            // Reset password with token
+            if (password !== confirmPassword) {
+                setPasswordError('Passwords do not match');
+                return;
+            }
+            if (password.length < 6) {
+                setPasswordError('Password must be at least 6 characters');
+                return;
+            }
+            setPasswordError('');
+            await onSubmit(password, confirmPassword);
+        }
+        else {
+            // Request password reset
+            await onSubmit(email);
+        }
+    };
+    if (success) {
+        return (_jsxs("div", { className: "auth-form", children: [_jsxs("div", { className: "auth-form-header", children: [_jsx("div", { style: { textAlign: 'center', marginBottom: '1rem' }, children: _jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", style: { margin: '0 auto' }, children: [_jsx("circle", { cx: "32", cy: "32", r: "32", fill: "#10b981", fillOpacity: "0.1" }), _jsx("path", { d: "M20 32l8 8 16-16", stroke: "#10b981", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" })] }) }), _jsx("h2", { className: "auth-form-title", children: token ? 'Password reset!' : 'Check your email' }), _jsx("p", { className: "auth-form-subtitle", children: token
+                                ? 'Your password has been successfully reset. You can now sign in with your new password.'
+                                : `We've sent password reset instructions to ${email}` })] }), _jsx("button", { type: "button", className: "auth-button auth-button-primary", onClick: onBack, children: "Back to Sign in" })] }));
+    }
+    return (_jsxs("form", { className: "auth-form", onSubmit: handleSubmit, children: [_jsxs("div", { className: "auth-form-header", children: [_jsx("h2", { className: "auth-form-title", children: token ? 'Set new password' : 'Reset your password' }), _jsx("p", { className: "auth-form-subtitle", children: token
+                            ? 'Enter your new password below.'
+                            : "Enter your email address and we'll send you instructions to reset your password." })] }), (error || passwordError) && (_jsxs("div", { className: "auth-error", role: "alert", children: [_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: _jsx("path", { d: "M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm1 13H7v-2h2v2zm0-3H7V4h2v6z" }) }), error || passwordError] })), token ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "auth-form-group", children: [_jsx("label", { htmlFor: "password", className: "auth-label", children: "New Password" }), _jsx("input", { type: "password", id: "password", className: "auth-input", value: password, onChange: (e) => setPassword(e.target.value), required: true, disabled: loading, placeholder: "Enter new password", autoComplete: "new-password", minLength: 6 })] }), _jsxs("div", { className: "auth-form-group", children: [_jsx("label", { htmlFor: "confirmPassword", className: "auth-label", children: "Confirm Password" }), _jsx("input", { type: "password", id: "confirmPassword", className: "auth-input", value: confirmPassword, onChange: (e) => setConfirmPassword(e.target.value), required: true, disabled: loading, placeholder: "Confirm new password", autoComplete: "new-password", minLength: 6 })] })] })) : (_jsxs("div", { className: "auth-form-group", children: [_jsx("label", { htmlFor: "email", className: "auth-label", children: "Email address" }), _jsx("input", { type: "email", id: "email", className: "auth-input", value: email, onChange: (e) => setEmail(e.target.value), required: true, disabled: loading, placeholder: "you@example.com", autoComplete: "email" })] })), _jsx("button", { type: "submit", className: "auth-button auth-button-primary", disabled: loading, children: loading ? (_jsx("span", { className: "auth-spinner" })) : token ? ('Reset password') : ('Send reset instructions') }), _jsx("div", { className: "auth-divider", children: _jsx("button", { type: "button", className: "auth-link auth-link-bold", onClick: onBack, disabled: loading, children: "\u2190 Back to Sign in" }) })] }));
+};

package/dist/components/PhoneAuthForm.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './AuthForm.css';
+interface PhoneAuthFormProps {
+    onSubmit: (phoneNumber: string, verificationCode?: string) => Promise<void>;
+    onBack: () => void;
+    loading: boolean;
+    error?: string;
+}
+export declare const PhoneAuthForm: React.FC<PhoneAuthFormProps>;
+export {};
+//# sourceMappingURL=PhoneAuthForm.d.ts.map

package/dist/components/PhoneAuthForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneAuthForm.d.ts","sourceRoot":"","sources":["../../src/components/PhoneAuthForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,gBAAgB,CAAC;AAExB,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5E,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuGtD,CAAC"}

package/dist/components/PhoneAuthForm.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import './AuthForm.css';
+export const PhoneAuthForm = ({ onSubmit, onBack, loading, error, }) => {
+    const [phoneNumber, setPhoneNumber] = useState('');
+    const [verificationCode, setVerificationCode] = useState('');
+    const [codeSent, setCodeSent] = useState(false);
+    const handleSendCode = async (e) => {
+        e.preventDefault();
+        await onSubmit(phoneNumber);
+        setCodeSent(true);
+    };
+    const handleVerifyCode = async (e) => {
+        e.preventDefault();
+        await onSubmit(phoneNumber, verificationCode);
+    };
+    return (_jsxs("form", { className: "auth-form", onSubmit: codeSent ? handleVerifyCode : handleSendCode, children: [_jsxs("div", { className: "auth-form-header", children: [_jsx("h2", { className: "auth-form-title", children: "Phone Authentication" }), _jsx("p", { className: "auth-form-subtitle", children: codeSent
+                            ? 'Enter the verification code sent to your phone.'
+                            : 'Enter your phone number to receive a verification code.' })] }), error && (_jsxs("div", { className: "auth-error", role: "alert", children: [_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: _jsx("path", { d: "M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm1 13H7v-2h2v2zm0-3H7V4h2v6z" }) }), error] })), !codeSent ? (_jsxs("div", { className: "auth-form-group", children: [_jsx("label", { htmlFor: "phoneNumber", className: "auth-label", children: "Phone Number" }), _jsx("input", { type: "tel", id: "phoneNumber", className: "auth-input", value: phoneNumber, onChange: (e) => setPhoneNumber(e.target.value), required: true, disabled: loading, placeholder: "+1 (555) 123-4567" })] })) : (_jsxs("div", { className: "auth-form-group", children: [_jsx("label", { htmlFor: "verificationCode", className: "auth-label", children: "Verification Code" }), _jsx("input", { type: "text", id: "verificationCode", className: "auth-input", value: verificationCode, onChange: (e) => setVerificationCode(e.target.value), required: true, disabled: loading, placeholder: "123456", maxLength: 6, pattern: "[0-9]{6}" })] })), _jsx("button", { type: "submit", className: "auth-button auth-button-primary", disabled: loading, children: loading ? (_jsx("span", { className: "auth-spinner" })) : codeSent ? ('Verify Code') : ('Send Code') }), _jsx("div", { className: "auth-divider", children: _jsx("button", { type: "button", className: "auth-link auth-link-bold", onClick: onBack, disabled: loading, children: "\u2190 Back to login" }) })] }));
+};

package/dist/components/ProtectedRoute.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ProtectedRouteProps {
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+    redirectTo?: string;
+}
+export declare const ProtectedRoute: React.FC<ProtectedRouteProps>;
+export {};
+//# sourceMappingURL=ProtectedRoute.d.ts.map

package/dist/components/ProtectedRoute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProtectedRoute.d.ts","sourceRoot":"","sources":["../../src/components/ProtectedRoute.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwBxD,CAAC"}

package/dist/components/ProtectedRoute.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { useAuth } from '../context/AuthContext';
+export const ProtectedRoute = ({ children, fallback, redirectTo, }) => {
+    const { isAuthenticated, isLoading } = useAuth();
+    // Show loading state
+    if (isLoading) {
+        return _jsx("div", { children: "Loading..." });
+    }
+    // If not authenticated, redirect or show fallback
+    if (!isAuthenticated) {
+        if (redirectTo) {
+            window.location.href = redirectTo;
+            return null;
+        }
+        return fallback ? _jsx(_Fragment, { children: fallback }) : _jsx("div", { children: "Access denied. Please log in." });
+    }
+    // Render protected content
+    return _jsx(_Fragment, { children: children });
+};

package/dist/components/ProviderButtons.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { AuthProvider } from '../types';
+import './AuthForm.css';
+interface ProviderButtonsProps {
+    enabledProviders: AuthProvider[];
+    onGoogleLogin: () => Promise<void>;
+    onPhoneLogin: () => void;
+    loading: boolean;
+}
+export declare const ProviderButtons: React.FC<ProviderButtonsProps>;
+export {};
+//# sourceMappingURL=ProviderButtons.d.ts.map

package/dist/components/ProviderButtons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderButtons.d.ts","sourceRoot":"","sources":["../../src/components/ProviderButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,gBAAgB,CAAC;AAExB,UAAU,oBAAoB;IAC5B,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuE1D,CAAC"}

package/dist/components/ProviderButtons.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import './AuthForm.css';
+export const ProviderButtons = ({ enabledProviders, onGoogleLogin, onPhoneLogin, loading, }) => {
+    if (enabledProviders.length === 0)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "auth-or-divider", children: _jsx("span", { children: "or continue with" }) }), _jsxs("div", { className: "auth-provider-buttons", children: [enabledProviders.includes('google') && (_jsxs("button", { type: "button", className: "auth-provider-button", onClick: onGoogleLogin, disabled: loading, children: [_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [_jsx("path", { d: "M19.6 10.227c0-.709-.064-1.39-.182-2.045H10v3.868h5.382a4.6 4.6 0 01-1.996 3.018v2.51h3.232c1.891-1.742 2.982-4.305 2.982-7.35z", fill: "#4285F4" }), _jsx("path", { d: "M10 20c2.7 0 4.964-.895 6.618-2.423l-3.232-2.509c-.895.6-2.04.955-3.386.955-2.605 0-4.81-1.76-5.595-4.123H1.064v2.59A9.996 9.996 0 0010 20z", fill: "#34A853" }), _jsx("path", { d: "M4.405 11.9c-.2-.6-.314-1.24-.314-1.9 0-.66.114-1.3.314-1.9V5.51H1.064A9.996 9.996 0 000 10c0 1.614.386 3.14 1.064 4.49l3.34-2.59z", fill: "#FBBC05" }), _jsx("path", { d: "M10 3.977c1.468 0 2.786.505 3.823 1.496l2.868-2.868C14.959.99 12.695 0 10 0 6.09 0 2.71 2.24 1.064 5.51l3.34 2.59C5.19 5.736 7.395 3.977 10 3.977z", fill: "#EA4335" })] }), "Continue with Google"] })), enabledProviders.includes('phone') && (_jsxs("button", { type: "button", className: "auth-provider-button", onClick: onPhoneLogin, disabled: loading, children: [_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V15a2 2 0 01-2 2h-1C7.82 17 2 11.18 2 5V4z" }) }), "Continue with Phone"] }))] })] }));
+};

package/dist/context/AuthContext.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { AuthUser } from '../types';
+interface AuthContextValue {
+    user: AuthUser | null;
+    token: string | null;
+    accountData: Record<string, any> | null;
+    isAuthenticated: boolean;
+    isLoading: boolean;
+    login: (token: string, user: AuthUser, accountData?: Record<string, any>) => void;
+    logout: () => Promise<void>;
+    getToken: () => string | null;
+    refreshToken: () => Promise<string>;
+}
+interface AuthProviderProps {
+    children: React.ReactNode;
+}
+export declare const AuthProvider: React.FC<AuthProviderProps>;
+export declare const useAuth: () => AuthContextValue;
+export {};
+//# sourceMappingURL=AuthContext.d.ts.map

package/dist/context/AuthContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthContext.d.ts","sourceRoot":"","sources":["../../src/context/AuthContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAG3F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,UAAU,gBAAgB;IACxB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACxC,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAClF,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,QAAQ,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;CACrC;AAID,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4EpD,CAAC;AAEF,eAAO,MAAM,OAAO,QAAO,gBAM1B,CAAC"}

package/dist/context/AuthContext.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, useContext, useState, useEffect, useCallback } from 'react';
+import { tokenStorage } from '../utils/tokenStorage';
+import { createSmartlinksClient } from '../smartlinks';
+const AuthContext = createContext(undefined);
+export const AuthProvider = ({ children, apiEndpoint, clientId }) => {
+    const [user, setUser] = useState(null);
+    const [token, setToken] = useState(null);
+    const [accountData, setAccountData] = useState(null);
+    const [isLoading, setIsLoading] = useState(true);
+    const [smartlinks, setSmartlinks] = useState(null);
+    // Initialize Smartlinks SDK
+    useEffect(() => {
+        const client = createSmartlinksClient({
+            apiEndpoint,
+            clientId,
+        });
+        setSmartlinks(client);
+    }, [apiEndpoint, clientId]);
+    // Initialize auth state from localStorage
+    useEffect(() => {
+        const storedToken = tokenStorage.getToken();
+        const storedUser = tokenStorage.getUser();
+        const storedAccountData = tokenStorage.getAccountData();
+        if (storedToken && storedUser) {
+            setToken(storedToken.token);
+            setUser(storedUser);
+            setAccountData(storedAccountData);
+            // Set token in Smartlinks SDK
+            if (smartlinks) {
+                smartlinks.setToken(storedToken.token);
+            }
+        }
+        setIsLoading(false);
+    }, [smartlinks]);
+    const login = useCallback((authToken, authUser, authAccountData) => {
+        // Store token, user, and account data
+        tokenStorage.saveToken(authToken);
+        tokenStorage.saveUser(authUser);
+        if (authAccountData) {
+            tokenStorage.saveAccountData(authAccountData);
+        }
+        setToken(authToken);
+        setUser(authUser);
+        setAccountData(authAccountData || null);
+        // Set token in Smartlinks SDK
+        if (smartlinks) {
+            smartlinks.setToken(authToken);
+        }
+    }, [smartlinks]);
+    const logout = useCallback(async () => {
+        // Logout via Smartlinks SDK if available
+        if (smartlinks) {
+            try {
+                await smartlinks.logout();
+            }
+            catch (error) {
+                console.error('Smartlinks logout error:', error);
+            }
+        }
+        // Clear local storage
+        tokenStorage.clearAll();
+        setToken(null);
+        setUser(null);
+        setAccountData(null);
+        // Clear token from Smartlinks SDK
+        if (smartlinks) {
+            smartlinks.clearToken();
+        }
+    }, [smartlinks]);
+    const getToken = useCallback(() => {
+        const storedToken = tokenStorage.getToken();
+        return storedToken ? storedToken.token : null;
+    }, []);
+    const refreshToken = useCallback(async () => {
+        if (!smartlinks) {
+            throw new Error('Smartlinks SDK not initialized');
+        }
+        try {
+            const newToken = await smartlinks.refreshToken();
+            // Update stored token
+            tokenStorage.saveToken(newToken);
+            setToken(newToken);
+            return newToken;
+        }
+        catch (error) {
+            console.error('Token refresh failed:', error);
+            // If refresh fails, logout user
+            await logout();
+            throw error;
+        }
+    }, [smartlinks, logout]);
+    const value = {
+        user,
+        token,
+        accountData,
+        isAuthenticated: !!token && !!user,
+        isLoading,
+        smartlinks,
+        login,
+        logout,
+        getToken,
+        refreshToken,
+    };
+    return _jsx(AuthContext.Provider, { value: value, children: children });
+};
+export const useAuth = () => {
+    const context = useContext(AuthContext);
+    if (context === undefined) {
+        throw new Error('useAuth must be used within an AuthProvider');
+    }
+    return context;
+};

package/dist/index.css

@@ -0,0 +1,2 @@
+.auth-container{align-items:center;background:linear-gradient(135deg,var(--auth-bg-color,#e0f2fe) 0,#f0f9ff 100%);display:flex;font-family:var(--auth-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);justify-content:center;min-height:100vh;padding:1rem}.auth-theme-dark.auth-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.auth-card{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(59,130,246,.1);max-width:440px;padding:2.5rem;width:100%}.auth-theme-dark .auth-card{background:#1e293b;box-shadow:0 10px 40px rgba(0,0,0,.3)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:2rem;text-align:center}.auth-logo{animation:float 3s ease-in-out infinite;display:inline-flex;margin-bottom:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-title{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0}.auth-subtitle{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.auth-theme-dark .auth-title{color:#f1f5f9}.auth-theme-dark .auth-subtitle{color:#94a3b8}.auth-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;font-size:.875rem;gap:.75rem;justify-content:center;margin-top:1rem;padding-top:1rem}.auth-theme-dark .auth-footer{border-top-color:#334155}.auth-footer a{color:var(--auth-primary-color,#3b82f6);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-footer span{color:#cbd5e1}.auth-theme-dark .auth-footer span{color:#475569}.auth-spinner{border:3px solid #e2e8f0;border-top:3px solid var(--auth-primary-color,#3b82f6);height:40px;margin:0 auto;width:40px}@media (max-width:640px){.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.5rem}}.auth-form{width:100%}.auth-form-header{margin-bottom:1.5rem}.auth-form-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.auth-theme-dark .auth-form-title{color:#f1f5f9}.auth-form-subtitle{color:#64748b;font-size:.875rem;margin:0}.auth-theme-dark .auth-form-subtitle{color:#94a3b8}.auth-error{align-items:center;animation:shake .4s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.auth-theme-dark .auth-error{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.auth-form-group{margin-bottom:1rem}.auth-label{color:#334155;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.auth-theme-dark .auth-label{color:#cbd5e1}.auth-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;box-sizing:border-box;color:#1e293b;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.auth-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.auth-input:disabled{cursor:not-allowed;opacity:.6}.auth-theme-dark .auth-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-input:focus{background:#1e293b;border-color:#3b82f6}.auth-form-footer{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.auth-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;padding:0;transition:color .2s ease}.auth-link:hover:not(:disabled){color:#1d4ed8;text-decoration:underline}.auth-link:disabled{cursor:not-allowed;opacity:.6}.auth-button,.auth-link-bold{font-weight:600}.auth-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-button-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px rgba(59,130,246,.25);color:#fff}.auth-button-primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(59,130,246,.35);transform:translateY(-2px)}.auth-button-primary:active:not(:disabled){transform:translateY(0)}.auth-button-secondary{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05);color:#334155}.auth-button-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.auth-theme-dark .auth-button-secondary{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-button-secondary:hover:not(:disabled){background:#1e293b;border-color:#475569}.auth-spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.auth-divider{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-top:1.5rem}.auth-theme-dark .auth-divider{color:#94a3b8}.auth-provider-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.auth-provider-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#334155;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.auth-provider-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}.auth-provider-button:disabled{cursor:not-allowed;opacity:.6}.auth-theme-dark .auth-provider-button{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-provider-button:hover:not(:disabled){background:#1e293b;border-color:#475569}.auth-or-divider{align-items:center;color:#94a3b8;display:flex;font-size:.875rem;margin:1.5rem 0;text-align:center}.auth-or-divider:after,.auth-or-divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1}.auth-or-divider span{padding:0 1rem}.auth-theme-dark .auth-or-divider:after,.auth-theme-dark .auth-or-divider:before{border-color:#334155}@media (max-width:640px){.auth-form-title{font-size:1.25rem}.auth-button,.auth-provider-button{font-size:.9375rem;padding:.75rem 1rem}}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AuthContainer.css","AuthForm.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".auth-container {\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 1rem;\r\n  background: linear-gradient(135deg, var(--auth-bg-color, #e0f2fe) 0%, #f0f9ff 100%);\r\n  font-family: var(--auth-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);\r\n}\r\n\r\n.auth-theme-dark.auth-container {\r\n  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\r\n}\r\n\r\n.auth-card {\r\n  width: 100%;\r\n  max-width: 440px;\r\n  background: white;\r\n  border-radius: 16px;\r\n  box-shadow: 0 10px 40px rgba(59, 130, 246, 0.1);\r\n  padding: 2.5rem;\r\n  animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.auth-theme-dark .auth-card {\r\n  background: #1e293b;\r\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n@keyframes slideUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.auth-header {\r\n  text-align: center;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.auth-logo {\r\n  display: inline-flex;\r\n  margin-bottom: 1rem;\r\n  animation: float 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float {\r\n  0%, 100% {\r\n    transform: translateY(0);\r\n  }\r\n  50% {\r\n    transform: translateY(-8px);\r\n  }\r\n}\r\n\r\n.auth-title {\r\n  font-size: 1.75rem;\r\n  font-weight: 700;\r\n  color: #1e293b;\r\n  margin: 0;\r\n}\r\n\r\n.auth-subtitle {\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n  margin: 0.25rem 0 0 0;\r\n}\r\n\r\n.auth-theme-dark .auth-title {\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-theme-dark .auth-subtitle {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-content {\r\n  /* Content styles handled by child components */\r\n}\r\n\r\n.auth-footer {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.75rem;\r\n  padding-top: 1rem;\r\n  margin-top: 1rem;\r\n  border-top: 1px solid #e2e8f0;\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.auth-theme-dark .auth-footer {\r\n  border-top-color: #334155;\r\n}\r\n\r\n.auth-footer a {\r\n  color: var(--auth-primary-color, #3B82F6);\r\n  text-decoration: none;\r\n}\r\n\r\n.auth-footer a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.auth-footer span {\r\n  color: #cbd5e1;\r\n}\r\n\r\n.auth-theme-dark .auth-footer span {\r\n  color: #475569;\r\n}\r\n\r\n.auth-spinner {\r\n  width: 40px;\r\n  height: 40px;\r\n  border: 3px solid #e2e8f0;\r\n  border-top-color: var(--auth-primary-color, #3B82F6);\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n  margin: 0 auto;\r\n}\r\n\r\n@keyframes spin {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .auth-card {\r\n    padding: 2rem 1.5rem;\r\n  }\r\n  \r\n  .auth-title {\r\n    font-size: 1.5rem;\r\n  }\r\n}\r\n",".auth-form {\r\n  width: 100%;\r\n}\r\n\r\n.auth-form-header {\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.auth-form-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: #1e293b;\r\n  margin: 0 0 0.5rem 0;\r\n}\r\n\r\n.auth-theme-dark .auth-form-title {\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-form-subtitle {\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n  margin: 0;\r\n}\r\n\r\n.auth-theme-dark .auth-form-subtitle {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-error {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  padding: 0.75rem 1rem;\r\n  background: #fef2f2;\r\n  border: 1px solid #fecaca;\r\n  border-radius: 0.5rem;\r\n  color: #dc2626;\r\n  font-size: 0.875rem;\r\n  margin-bottom: 1rem;\r\n  animation: shake 0.4s ease;\r\n}\r\n\r\n.auth-theme-dark .auth-error {\r\n  background: #7f1d1d;\r\n  border-color: #991b1b;\r\n  color: #fca5a5;\r\n}\r\n\r\n@keyframes shake {\r\n  0%, 100% { transform: translateX(0); }\r\n  25% { transform: translateX(-8px); }\r\n  75% { transform: translateX(8px); }\r\n}\r\n\r\n.auth-form-group {\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.auth-label {\r\n  display: block;\r\n  font-size: 0.875rem;\r\n  font-weight: 500;\r\n  color: #334155;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.auth-theme-dark .auth-label {\r\n  color: #cbd5e1;\r\n}\r\n\r\n.auth-input {\r\n  width: 100%;\r\n  padding: 0.75rem 1rem;\r\n  font-size: 1rem;\r\n  color: #1e293b;\r\n  background: #f8fafc;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 0.5rem;\r\n  transition: all 0.2s ease;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.auth-input:focus {\r\n  outline: none;\r\n  border-color: #3b82f6;\r\n  background: white;\r\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n}\r\n\r\n.auth-input:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-theme-dark .auth-input {\r\n  background: #0f172a;\r\n  border-color: #334155;\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-theme-dark .auth-input:focus {\r\n  background: #1e293b;\r\n  border-color: #3b82f6;\r\n}\r\n\r\n.auth-form-footer {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.auth-link {\r\n  background: none;\r\n  border: none;\r\n  padding: 0;\r\n  font-size: 0.875rem;\r\n  color: #3b82f6;\r\n  cursor: pointer;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.auth-link:hover:not(:disabled) {\r\n  color: #1d4ed8;\r\n  text-decoration: underline;\r\n}\r\n\r\n.auth-link:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-link-bold {\r\n  font-weight: 600;\r\n}\r\n\r\n.auth-button {\r\n  width: 100%;\r\n  padding: 0.875rem 1.5rem;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  border: none;\r\n  border-radius: 0.5rem;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n}\r\n\r\n.auth-button:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-button-primary {\r\n  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\r\n  color: white;\r\n  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);\r\n}\r\n\r\n.auth-button-primary:hover:not(:disabled) {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.35);\r\n}\r\n\r\n.auth-button-primary:active:not(:disabled) {\r\n  transform: translateY(0);\r\n}\r\n\r\n.auth-button-secondary {\r\n  background: white;\r\n  color: #334155;\r\n  border: 1px solid #e2e8f0;\r\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.auth-button-secondary:hover:not(:disabled) {\r\n  background: #f8fafc;\r\n  border-color: #cbd5e1;\r\n}\r\n\r\n.auth-theme-dark .auth-button-secondary {\r\n  background: #0f172a;\r\n  color: #f1f5f9;\r\n  border-color: #334155;\r\n}\r\n\r\n.auth-theme-dark .auth-button-secondary:hover:not(:disabled) {\r\n  background: #1e293b;\r\n  border-color: #475569;\r\n}\r\n\r\n.auth-spinner {\r\n  display: inline-block;\r\n  width: 18px;\r\n  height: 18px;\r\n  border: 2px solid rgba(255, 255, 255, 0.3);\r\n  border-top-color: white;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n.auth-divider {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  margin-top: 1.5rem;\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n}\r\n\r\n.auth-theme-dark .auth-divider {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-provider-buttons {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.75rem;\r\n  margin-top: 1.5rem;\r\n}\r\n\r\n.auth-provider-button {\r\n  width: 100%;\r\n  padding: 0.875rem 1.5rem;\r\n  font-size: 0.9375rem;\r\n  font-weight: 500;\r\n  background: white;\r\n  color: #334155;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 0.5rem;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.75rem;\r\n}\r\n\r\n.auth-provider-button:hover:not(:disabled) {\r\n  background: #f8fafc;\r\n  border-color: #cbd5e1;\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.auth-provider-button:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-theme-dark .auth-provider-button {\r\n  background: #0f172a;\r\n  color: #f1f5f9;\r\n  border-color: #334155;\r\n}\r\n\r\n.auth-theme-dark .auth-provider-button:hover:not(:disabled) {\r\n  background: #1e293b;\r\n  border-color: #475569;\r\n}\r\n\r\n.auth-or-divider {\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  margin: 1.5rem 0;\r\n  color: #94a3b8;\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.auth-or-divider::before,\r\n.auth-or-divider::after {\r\n  content: '';\r\n  flex: 1;\r\n  border-bottom: 1px solid #e2e8f0;\r\n}\r\n\r\n.auth-or-divider span {\r\n  padding: 0 1rem;\r\n}\r\n\r\n.auth-theme-dark .auth-or-divider::before,\r\n.auth-theme-dark .auth-or-divider::after {\r\n  border-color: #334155;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .auth-form-title {\r\n    font-size: 1.25rem;\r\n  }\r\n  \r\n  .auth-button,\r\n  .auth-provider-button {\r\n    padding: 0.75rem 1rem;\r\n    font-size: 0.9375rem;\r\n  }\r\n}\r\n"]}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { SmartlinksAuthUIProps } from './types';
+export declare const SmartlinksAuthUI: React.FC<SmartlinksAuthUIProps>;
+export { AuthProvider, useAuth } from './context/AuthContext';
+export { ProtectedRoute } from './components/ProtectedRoute';
+export { tokenStorage } from './utils/tokenStorage';
+export { AuthUIPreview } from './components/AuthUIPreview';
+export type * from './types';
+export { SmartlinksAuthUI as FirebaseAuthUI };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,OAAO,KAAK,EAAE,qBAAqB,EAAyC,MAAM,SAAS,CAAC;AAE5F,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAwnB5D,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,mBAAmB,SAAS,CAAC;AAG7B,OAAO,EAAE,gBAAgB,IAAI,cAAc,EAAE,CAAC"}

package/dist/index.esm.css

@@ -0,0 +1,2 @@
+.auth-container{align-items:center;background:linear-gradient(135deg,var(--auth-bg-color,#e0f2fe) 0,#f0f9ff 100%);display:flex;font-family:var(--auth-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);justify-content:center;min-height:100vh;padding:1rem}.auth-theme-dark.auth-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.auth-card{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(59,130,246,.1);max-width:440px;padding:2.5rem;width:100%}.auth-theme-dark .auth-card{background:#1e293b;box-shadow:0 10px 40px rgba(0,0,0,.3)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:2rem;text-align:center}.auth-logo{animation:float 3s ease-in-out infinite;display:inline-flex;margin-bottom:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-title{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0}.auth-subtitle{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.auth-theme-dark .auth-title{color:#f1f5f9}.auth-theme-dark .auth-subtitle{color:#94a3b8}.auth-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;font-size:.875rem;gap:.75rem;justify-content:center;margin-top:1rem;padding-top:1rem}.auth-theme-dark .auth-footer{border-top-color:#334155}.auth-footer a{color:var(--auth-primary-color,#3b82f6);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-footer span{color:#cbd5e1}.auth-theme-dark .auth-footer span{color:#475569}.auth-spinner{border:3px solid #e2e8f0;border-top:3px solid var(--auth-primary-color,#3b82f6);height:40px;margin:0 auto;width:40px}@media (max-width:640px){.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.5rem}}.auth-form{width:100%}.auth-form-header{margin-bottom:1.5rem}.auth-form-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.auth-theme-dark .auth-form-title{color:#f1f5f9}.auth-form-subtitle{color:#64748b;font-size:.875rem;margin:0}.auth-theme-dark .auth-form-subtitle{color:#94a3b8}.auth-error{align-items:center;animation:shake .4s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.auth-theme-dark .auth-error{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.auth-form-group{margin-bottom:1rem}.auth-label{color:#334155;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.auth-theme-dark .auth-label{color:#cbd5e1}.auth-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;box-sizing:border-box;color:#1e293b;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.auth-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.auth-input:disabled{cursor:not-allowed;opacity:.6}.auth-theme-dark .auth-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-input:focus{background:#1e293b;border-color:#3b82f6}.auth-form-footer{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.auth-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;padding:0;transition:color .2s ease}.auth-link:hover:not(:disabled){color:#1d4ed8;text-decoration:underline}.auth-link:disabled{cursor:not-allowed;opacity:.6}.auth-button,.auth-link-bold{font-weight:600}.auth-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-button-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px rgba(59,130,246,.25);color:#fff}.auth-button-primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(59,130,246,.35);transform:translateY(-2px)}.auth-button-primary:active:not(:disabled){transform:translateY(0)}.auth-button-secondary{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05);color:#334155}.auth-button-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.auth-theme-dark .auth-button-secondary{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-button-secondary:hover:not(:disabled){background:#1e293b;border-color:#475569}.auth-spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.auth-divider{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-top:1.5rem}.auth-theme-dark .auth-divider{color:#94a3b8}.auth-provider-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.auth-provider-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#334155;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.auth-provider-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}.auth-provider-button:disabled{cursor:not-allowed;opacity:.6}.auth-theme-dark .auth-provider-button{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-theme-dark .auth-provider-button:hover:not(:disabled){background:#1e293b;border-color:#475569}.auth-or-divider{align-items:center;color:#94a3b8;display:flex;font-size:.875rem;margin:1.5rem 0;text-align:center}.auth-or-divider:after,.auth-or-divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1}.auth-or-divider span{padding:0 1rem}.auth-theme-dark .auth-or-divider:after,.auth-theme-dark .auth-or-divider:before{border-color:#334155}@media (max-width:640px){.auth-form-title{font-size:1.25rem}.auth-button,.auth-provider-button{font-size:.9375rem;padding:.75rem 1rem}}
+/*# sourceMappingURL=index.esm.css.map */

package/dist/index.esm.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AuthContainer.css","AuthForm.css"],"names":[],"mappings":"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","file":"index.esm.css","sourcesContent":[".auth-container {\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 1rem;\r\n  background: linear-gradient(135deg, var(--auth-bg-color, #e0f2fe) 0%, #f0f9ff 100%);\r\n  font-family: var(--auth-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);\r\n}\r\n\r\n.auth-theme-dark.auth-container {\r\n  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\r\n}\r\n\r\n.auth-card {\r\n  width: 100%;\r\n  max-width: 440px;\r\n  background: white;\r\n  border-radius: 16px;\r\n  box-shadow: 0 10px 40px rgba(59, 130, 246, 0.1);\r\n  padding: 2.5rem;\r\n  animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.auth-theme-dark .auth-card {\r\n  background: #1e293b;\r\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n@keyframes slideUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.auth-header {\r\n  text-align: center;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.auth-logo {\r\n  display: inline-flex;\r\n  margin-bottom: 1rem;\r\n  animation: float 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float {\r\n  0%, 100% {\r\n    transform: translateY(0);\r\n  }\r\n  50% {\r\n    transform: translateY(-8px);\r\n  }\r\n}\r\n\r\n.auth-title {\r\n  font-size: 1.75rem;\r\n  font-weight: 700;\r\n  color: #1e293b;\r\n  margin: 0;\r\n}\r\n\r\n.auth-subtitle {\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n  margin: 0.25rem 0 0 0;\r\n}\r\n\r\n.auth-theme-dark .auth-title {\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-theme-dark .auth-subtitle {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-content {\r\n  /* Content styles handled by child components */\r\n}\r\n\r\n.auth-footer {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.75rem;\r\n  padding-top: 1rem;\r\n  margin-top: 1rem;\r\n  border-top: 1px solid #e2e8f0;\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.auth-theme-dark .auth-footer {\r\n  border-top-color: #334155;\r\n}\r\n\r\n.auth-footer a {\r\n  color: var(--auth-primary-color, #3B82F6);\r\n  text-decoration: none;\r\n}\r\n\r\n.auth-footer a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.auth-footer span {\r\n  color: #cbd5e1;\r\n}\r\n\r\n.auth-theme-dark .auth-footer span {\r\n  color: #475569;\r\n}\r\n\r\n.auth-spinner {\r\n  width: 40px;\r\n  height: 40px;\r\n  border: 3px solid #e2e8f0;\r\n  border-top-color: var(--auth-primary-color, #3B82F6);\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n  margin: 0 auto;\r\n}\r\n\r\n@keyframes spin {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .auth-card {\r\n    padding: 2rem 1.5rem;\r\n  }\r\n  \r\n  .auth-title {\r\n    font-size: 1.5rem;\r\n  }\r\n}\r\n",".auth-form {\r\n  width: 100%;\r\n}\r\n\r\n.auth-form-header {\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.auth-form-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: #1e293b;\r\n  margin: 0 0 0.5rem 0;\r\n}\r\n\r\n.auth-theme-dark .auth-form-title {\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-form-subtitle {\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n  margin: 0;\r\n}\r\n\r\n.auth-theme-dark .auth-form-subtitle {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-error {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  padding: 0.75rem 1rem;\r\n  background: #fef2f2;\r\n  border: 1px solid #fecaca;\r\n  border-radius: 0.5rem;\r\n  color: #dc2626;\r\n  font-size: 0.875rem;\r\n  margin-bottom: 1rem;\r\n  animation: shake 0.4s ease;\r\n}\r\n\r\n.auth-theme-dark .auth-error {\r\n  background: #7f1d1d;\r\n  border-color: #991b1b;\r\n  color: #fca5a5;\r\n}\r\n\r\n@keyframes shake {\r\n  0%, 100% { transform: translateX(0); }\r\n  25% { transform: translateX(-8px); }\r\n  75% { transform: translateX(8px); }\r\n}\r\n\r\n.auth-form-group {\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.auth-label {\r\n  display: block;\r\n  font-size: 0.875rem;\r\n  font-weight: 500;\r\n  color: #334155;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.auth-theme-dark .auth-label {\r\n  color: #cbd5e1;\r\n}\r\n\r\n.auth-input {\r\n  width: 100%;\r\n  padding: 0.75rem 1rem;\r\n  font-size: 1rem;\r\n  color: #1e293b;\r\n  background: #f8fafc;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 0.5rem;\r\n  transition: all 0.2s ease;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.auth-input:focus {\r\n  outline: none;\r\n  border-color: #3b82f6;\r\n  background: white;\r\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n}\r\n\r\n.auth-input:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-theme-dark .auth-input {\r\n  background: #0f172a;\r\n  border-color: #334155;\r\n  color: #f1f5f9;\r\n}\r\n\r\n.auth-theme-dark .auth-input:focus {\r\n  background: #1e293b;\r\n  border-color: #3b82f6;\r\n}\r\n\r\n.auth-form-footer {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.auth-link {\r\n  background: none;\r\n  border: none;\r\n  padding: 0;\r\n  font-size: 0.875rem;\r\n  color: #3b82f6;\r\n  cursor: pointer;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.auth-link:hover:not(:disabled) {\r\n  color: #1d4ed8;\r\n  text-decoration: underline;\r\n}\r\n\r\n.auth-link:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-link-bold {\r\n  font-weight: 600;\r\n}\r\n\r\n.auth-button {\r\n  width: 100%;\r\n  padding: 0.875rem 1.5rem;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  border: none;\r\n  border-radius: 0.5rem;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n}\r\n\r\n.auth-button:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-button-primary {\r\n  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\r\n  color: white;\r\n  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);\r\n}\r\n\r\n.auth-button-primary:hover:not(:disabled) {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.35);\r\n}\r\n\r\n.auth-button-primary:active:not(:disabled) {\r\n  transform: translateY(0);\r\n}\r\n\r\n.auth-button-secondary {\r\n  background: white;\r\n  color: #334155;\r\n  border: 1px solid #e2e8f0;\r\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.auth-button-secondary:hover:not(:disabled) {\r\n  background: #f8fafc;\r\n  border-color: #cbd5e1;\r\n}\r\n\r\n.auth-theme-dark .auth-button-secondary {\r\n  background: #0f172a;\r\n  color: #f1f5f9;\r\n  border-color: #334155;\r\n}\r\n\r\n.auth-theme-dark .auth-button-secondary:hover:not(:disabled) {\r\n  background: #1e293b;\r\n  border-color: #475569;\r\n}\r\n\r\n.auth-spinner {\r\n  display: inline-block;\r\n  width: 18px;\r\n  height: 18px;\r\n  border: 2px solid rgba(255, 255, 255, 0.3);\r\n  border-top-color: white;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n.auth-divider {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  margin-top: 1.5rem;\r\n  font-size: 0.875rem;\r\n  color: #64748b;\r\n}\r\n\r\n.auth-theme-dark .auth-divider {\r\n  color: #94a3b8;\r\n}\r\n\r\n.auth-provider-buttons {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.75rem;\r\n  margin-top: 1.5rem;\r\n}\r\n\r\n.auth-provider-button {\r\n  width: 100%;\r\n  padding: 0.875rem 1.5rem;\r\n  font-size: 0.9375rem;\r\n  font-weight: 500;\r\n  background: white;\r\n  color: #334155;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 0.5rem;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.75rem;\r\n}\r\n\r\n.auth-provider-button:hover:not(:disabled) {\r\n  background: #f8fafc;\r\n  border-color: #cbd5e1;\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.auth-provider-button:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.auth-theme-dark .auth-provider-button {\r\n  background: #0f172a;\r\n  color: #f1f5f9;\r\n  border-color: #334155;\r\n}\r\n\r\n.auth-theme-dark .auth-provider-button:hover:not(:disabled) {\r\n  background: #1e293b;\r\n  border-color: #475569;\r\n}\r\n\r\n.auth-or-divider {\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  margin: 1.5rem 0;\r\n  color: #94a3b8;\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.auth-or-divider::before,\r\n.auth-or-divider::after {\r\n  content: '';\r\n  flex: 1;\r\n  border-bottom: 1px solid #e2e8f0;\r\n}\r\n\r\n.auth-or-divider span {\r\n  padding: 0 1rem;\r\n}\r\n\r\n.auth-theme-dark .auth-or-divider::before,\r\n.auth-theme-dark .auth-or-divider::after {\r\n  border-color: #334155;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .auth-form-title {\r\n    font-size: 1.25rem;\r\n  }\r\n  \r\n  .auth-button,\r\n  .auth-provider-button {\r\n    padding: 0.75rem 1rem;\r\n    font-size: 0.9375rem;\r\n  }\r\n}\r\n"]}