@edge-base/auth-ui-react 0.1.1

package/dist/components/PhoneOTP.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PhoneOTP — phone number OTP sign-in form.
+ *
+ * Two-step flow: 1) Enter phone → send SMS code, 2) Enter code → verify.
+ */
+import { useState, useCallback } from 'react';
+import { useAuthContext } from '../context.js';
+export function PhoneOTP({ onSuccess, onViewChange, className }) {
+    const { client, config, labels } = useAuthContext();
+    const cx = config.classPrefix;
+    const [phone, setPhone] = useState('');
+    const [code, setCode] = useState('');
+    const [step, setStep] = useState('phone');
+    const [error, setError] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const handleSendCode = useCallback(async (e) => {
+        e.preventDefault();
+        setError(null);
+        setLoading(true);
+        try {
+            await client.auth.signInWithPhone({ phone });
+            setStep('code');
+        }
+        catch (err) {
+            setError(err.message || 'Failed to send SMS code');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [client, phone]);
+    const handleVerify = useCallback(async (e) => {
+        e.preventDefault();
+        setError(null);
+        setLoading(true);
+        try {
+            await client.auth.verifyPhone({ phone, code });
+            onSuccess?.();
+        }
+        catch (err) {
+            setError(err.message || 'Verification failed');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [client, phone, code, onSuccess]);
+    if (step === 'code') {
+        return (_jsxs("form", { className: `${cx}-form ${cx}-phone-otp ${className || ''}`.trim(), onSubmit: handleVerify, children: [_jsx("h2", { className: `${cx}-title`, children: labels.verifyCode }), _jsxs("p", { className: `${cx}-description`, children: ["Enter the code sent to ", phone] }), error && _jsx("div", { className: `${cx}-error`, children: error }), _jsxs("div", { className: `${cx}-field`, children: [_jsx("label", { className: `${cx}-label`, htmlFor: `${cx}-phone-otp-code`, children: labels.code }), _jsx("input", { id: `${cx}-phone-otp-code`, className: `${cx}-input ${cx}-input-code`, type: "text", inputMode: "numeric", value: code, onChange: (e) => setCode(e.target.value), required: true, autoComplete: "one-time-code", placeholder: "000000", disabled: loading, autoFocus: true })] }), _jsx("button", { type: "submit", className: `${cx}-button ${cx}-button-primary`, disabled: loading, children: loading ? labels.loading : labels.verifyCode }), _jsx("button", { type: "button", className: `${cx}-link`, onClick: () => {
+                        setStep('phone');
+                        setCode('');
+                        setError(null);
+                    }, children: "Change phone number" })] }));
+    }
+    return (_jsxs("form", { className: `${cx}-form ${cx}-phone-otp ${className || ''}`.trim(), onSubmit: handleSendCode, children: [_jsx("h2", { className: `${cx}-title`, children: labels.sendOTP }), _jsx("p", { className: `${cx}-description`, children: "Enter your phone number to receive a sign-in code via SMS." }), error && _jsx("div", { className: `${cx}-error`, children: error }), _jsxs("div", { className: `${cx}-field`, children: [_jsx("label", { className: `${cx}-label`, htmlFor: `${cx}-phone-otp-phone`, children: labels.phone }), _jsx("input", { id: `${cx}-phone-otp-phone`, className: `${cx}-input`, type: "tel", value: phone, onChange: (e) => setPhone(e.target.value), required: true, autoComplete: "tel", placeholder: "+1234567890", disabled: loading })] }), _jsx("button", { type: "submit", className: `${cx}-button ${cx}-button-primary`, disabled: loading, children: loading ? labels.loading : labels.sendOTP }), _jsx("button", { type: "button", className: `${cx}-link`, onClick: () => onViewChange?.('sign_in'), children: labels.backToSignIn })] }));
+}
+//# sourceMappingURL=PhoneOTP.js.map

package/dist/components/PhoneOTP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneOTP.js","sourceRoot":"","sources":["../../src/components/PhoneOTP.tsx"],"names":[],"mappings":"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"}

package/dist/components/SignIn.d.ts

@@ -0,0 +1,16 @@
+import type { AuthView } from '../context.js';
+export interface SignInProps {
+    /** Called after successful sign-in */
+    onSuccess?: () => void;
+    /** Called when MFA challenge is required */
+    onMfaRequired?: (mfaTicket: string, factors: Array<{
+        id: string;
+        type: string;
+    }>) => void;
+    /** Called to switch to another view */
+    onViewChange?: (view: AuthView) => void;
+    /** Additional CSS class */
+    className?: string;
+}
+export declare function SignIn({ onSuccess, onMfaRequired, onViewChange, className }: SignInProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SignIn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignIn.d.ts","sourceRoot":"","sources":["../../src/components/SignIn.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAC1F,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,WAAW,2CAoGxF"}

package/dist/components/SignIn.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SignIn — email/password sign-in form component.
+ *
+ * Headless-first: renders with CSS class hooks, no inline styles.
+ * Uses `classPrefix` from AuthProvider context (default: 'eb-auth').
+ */
+import { useState, useCallback } from 'react';
+import { useAuthContext } from '../context.js';
+export function SignIn({ onSuccess, onMfaRequired, onViewChange, className }) {
+    const { client, config, labels } = useAuthContext();
+    const cx = config.classPrefix;
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+    const [error, setError] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const handleSubmit = useCallback(async (e) => {
+        e.preventDefault();
+        setError(null);
+        setLoading(true);
+        try {
+            const result = await client.auth.signIn({ email, password });
+            if ('mfaRequired' in result && result.mfaRequired) {
+                onMfaRequired?.(result.mfaTicket, result.factors);
+            }
+            else {
+                onSuccess?.();
+            }
+        }
+        catch (err) {
+            setError(err.message || 'Sign in failed');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [client, email, password, onSuccess, onMfaRequired]);
+    return (_jsxs("form", { className: `${cx}-form ${cx}-sign-in ${className || ''}`.trim(), onSubmit: handleSubmit, children: [_jsx("h2", { className: `${cx}-title`, children: labels.signIn }), error && _jsx("div", { className: `${cx}-error`, children: error }), _jsxs("div", { className: `${cx}-field`, children: [_jsx("label", { className: `${cx}-label`, htmlFor: `${cx}-email`, children: labels.email }), _jsx("input", { id: `${cx}-email`, className: `${cx}-input`, type: "email", value: email, onChange: (e) => setEmail(e.target.value), required: true, autoComplete: "email", disabled: loading })] }), _jsxs("div", { className: `${cx}-field`, children: [_jsx("label", { className: `${cx}-label`, htmlFor: `${cx}-password`, children: labels.password }), _jsx("input", { id: `${cx}-password`, className: `${cx}-input`, type: "password", value: password, onChange: (e) => setPassword(e.target.value), required: true, autoComplete: "current-password", disabled: loading })] }), config.showForgotPassword && (_jsx("button", { type: "button", className: `${cx}-link ${cx}-forgot-link`, onClick: () => onViewChange?.('forgot_password'), children: labels.forgotPassword })), _jsx("button", { type: "submit", className: `${cx}-button ${cx}-button-primary`, disabled: loading, children: loading ? labels.loading : labels.signIn }), config.showToggle && (_jsxs("p", { className: `${cx}-toggle`, children: [labels.dontHaveAccount, ' ', _jsx("button", { type: "button", className: `${cx}-link`, onClick: () => onViewChange?.('sign_up'), children: labels.signUp })] }))] }));
+}
+//# sourceMappingURL=SignIn.js.map

package/dist/components/SignIn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignIn.js","sourceRoot":"","sources":["../../src/components/SignIn.tsx"],"names":[],"mappings":"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"}

package/dist/components/SignUp.d.ts

@@ -0,0 +1,11 @@
+import type { AuthView } from '../context.js';
+export interface SignUpProps {
+    /** Called after successful sign-up */
+    onSuccess?: () => void;
+    /** Called to switch to another view */
+    onViewChange?: (view: AuthView) => void;
+    /** Additional CSS class */
+    className?: string;
+}
+export declare function SignUp({ onSuccess, onViewChange, className }: SignUpProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SignUp.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignUp.d.ts","sourceRoot":"","sources":["../../src/components/SignUp.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,WAAW,2CAiIzE"}

package/dist/components/SignUp.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SignUp — email/password registration form component.
+ *
+ * Headless-first: renders with CSS class hooks, no inline styles.
+ */
+import { useState, useCallback } from 'react';
+import { useAuthContext } from '../context.js';
+export function SignUp({ onSuccess, onViewChange, className }) {
+    const { client, config, labels } = useAuthContext();
+    const cx = config.classPrefix;
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+    const [confirmPassword, setConfirmPassword] = useState('');
+    const [displayName, setDisplayName] = useState('');
+    const [error, setError] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const handleSubmit = useCallback(async (e) => {
+        e.preventDefault();
+        setError(null);
+        if (password !== confirmPassword) {
+            setError('Passwords do not match');
+            return;
+        }
+        setLoading(true);
+        try {
+            await client.auth.signUp({
+                email,
+                password,
+                data: displayName ? { displayName } : undefined,
+            });
+            onSuccess?.();
+        }
+        catch (err) {
+            setError(err.message || 'Sign up failed');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [client, email, password, confirmPassword, displayName, onSuccess]);
+    return (_jsxs("form", { className: `${cx}-form ${cx}-sign-up ${className || ''}`.trim(), onSubmit: handleSubmit, children: [_jsx("h2", { className: `${cx}-title`, children: labels.signUp }), error && _jsx("div", { className: `${cx}-error`, children: error }), _jsxs("div", { className: `${cx}-field`, children: [_jsx("label", { className: `${cx}-label`, htmlFor: `${cx}-signup-name`, children: labels.displayName }), _jsx("input", { id: `${cx}-signup-name`, className: `${cx}-input`, type: "text", value: displayName, onChange: (e) => setDisplayName(e.target.value), autoComplete: "name", disabled: loading })] }), _jsxs("div", { className: `${cx}-field`, children: [_jsx("label", { className: `${cx}-label`, htmlFor: `${cx}-signup-email`, children: labels.email }), _jsx("input", { id: `${cx}-signup-email`, className: `${cx}-input`, type: "email", value: email, onChange: (e) => setEmail(e.target.value), required: true, autoComplete: "email", disabled: loading })] }), _jsxs("div", { className: `${cx}-field`, children: [_jsx("label", { className: `${cx}-label`, htmlFor: `${cx}-signup-password`, children: labels.password }), _jsx("input", { id: `${cx}-signup-password`, className: `${cx}-input`, type: "password", value: password, onChange: (e) => setPassword(e.target.value), required: true, autoComplete: "new-password", disabled: loading })] }), _jsxs("div", { className: `${cx}-field`, children: [_jsx("label", { className: `${cx}-label`, htmlFor: `${cx}-signup-confirm`, children: labels.confirmPassword }), _jsx("input", { id: `${cx}-signup-confirm`, className: `${cx}-input`, type: "password", value: confirmPassword, onChange: (e) => setConfirmPassword(e.target.value), required: true, autoComplete: "new-password", disabled: loading })] }), _jsx("button", { type: "submit", className: `${cx}-button ${cx}-button-primary`, disabled: loading, children: loading ? labels.loading : labels.signUp }), config.showToggle && (_jsxs("p", { className: `${cx}-toggle`, children: [labels.alreadyHaveAccount, ' ', _jsx("button", { type: "button", className: `${cx}-link`, onClick: () => onViewChange?.('sign_in'), children: labels.signIn })] }))] }));
+}
+//# sourceMappingURL=SignUp.js.map

package/dist/components/SignUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUp.js","sourceRoot":"","sources":["../../src/components/SignUp.tsx"],"names":[],"mappings":"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"}

package/dist/components/SocialButtons.d.ts

@@ -0,0 +1,6 @@
+export interface SocialButtonsProps {
+    /** Additional CSS class */
+    className?: string;
+}
+export declare function SocialButtons({ className }: SocialButtonsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SocialButtons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SocialButtons.d.ts","sourceRoot":"","sources":["../../src/components/SocialButtons.tsx"],"names":[],"mappings":"AA0BA,MAAM,WAAW,kBAAkB;IACjC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,kBAAkB,kDAiC9D"}

package/dist/components/SocialButtons.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SocialButtons — OAuth provider buttons.
+ *
+ * Renders a button for each configured provider.
+ * Uses signInWithOAuth which redirects the browser.
+ */
+import { useCallback } from 'react';
+import { useAuthContext } from '../context.js';
+/** Display labels for well-known OAuth providers */
+const PROVIDER_LABELS = {
+    google: 'Google',
+    github: 'GitHub',
+    apple: 'Apple',
+    discord: 'Discord',
+    twitter: 'Twitter',
+    facebook: 'Facebook',
+    microsoft: 'Microsoft',
+    gitlab: 'GitLab',
+    bitbucket: 'Bitbucket',
+    linkedin: 'LinkedIn',
+    slack: 'Slack',
+    spotify: 'Spotify',
+    twitch: 'Twitch',
+};
+export function SocialButtons({ className }) {
+    const { client, config, labels } = useAuthContext();
+    const cx = config.classPrefix;
+    const providers = config.providers;
+    const handleOAuth = useCallback((provider) => {
+        client.auth.signInWithOAuth(provider, {
+            redirectUrl: config.oauthRedirectUrl,
+        });
+    }, [client, config.oauthRedirectUrl]);
+    if (!providers || providers.length === 0)
+        return null;
+    return (_jsxs("div", { className: `${cx}-social ${className || ''}`.trim(), children: [_jsx("div", { className: `${cx}-divider`, children: _jsx("span", { children: labels.orContinueWith }) }), _jsx("div", { className: `${cx}-social-buttons`, children: providers.map((provider) => (_jsx("button", { type: "button", className: `${cx}-button ${cx}-button-social ${cx}-button-${provider}`, onClick: () => handleOAuth(provider), children: PROVIDER_LABELS[provider] || provider }, provider))) })] }));
+}
+//# sourceMappingURL=SocialButtons.js.map

package/dist/components/SocialButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialButtons.js","sourceRoot":"","sources":["../../src/components/SocialButtons.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AACH,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,oDAAoD;AACpD,MAAM,eAAe,GAA2B;IAC9C,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAOF,MAAM,UAAU,aAAa,CAAC,EAAE,SAAS,EAAsB;IAC7D,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpD,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC;IAC9B,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;IAEnC,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE;QACnD,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE;YACpC,WAAW,EAAE,MAAM,CAAC,gBAAgB;SACrC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEtC,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtD,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,EAAE,WAAW,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,aACtD,cAAK,SAAS,EAAE,GAAG,EAAE,UAAU,YAC7B,yBAAO,MAAM,CAAC,cAAc,GAAQ,GAChC,EAEN,cAAK,SAAS,EAAE,GAAG,EAAE,iBAAiB,YACnC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC3B,iBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,kBAAkB,EAAE,WAAW,QAAQ,EAAE,EACtE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,YAEnC,eAAe,CAAC,QAAQ,CAAC,IAAI,QAAQ,IALjC,QAAQ,CAMN,CACV,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/context.d.ts

@@ -0,0 +1,80 @@
+/**
+ * AuthUI Context — provides EdgeBase client and configuration to all auth components.
+ *
+ * Usage:
+ * ```tsx
+ * import { createClient } from '@edge-base/web';
+ * import { AuthProvider } from '@edge-base/auth-ui-react';
+ *
+ * const client = createClient('https://my-app.edgebase.fun');
+ *
+ * function App() {
+ *   return (
+ *     <AuthProvider client={client}>
+ *       <AuthForm />
+ *     </AuthProvider>
+ *   );
+ * }
+ * ```
+ */
+import React from 'react';
+import type { ClientEdgeBase } from '@edge-base/web';
+export interface AuthUIConfig {
+    /** OAuth providers to show (e.g., ['google', 'github', 'apple']) */
+    providers?: string[];
+    /** Default view: 'sign_in' | 'sign_up' | 'magic_link' | 'email_otp' */
+    defaultView?: AuthView;
+    /** Show "Forgot Password?" link */
+    showForgotPassword?: boolean;
+    /** Show sign-up link on sign-in form and vice versa */
+    showToggle?: boolean;
+    /** Custom redirect URL for OAuth */
+    oauthRedirectUrl?: string;
+    /** Enable magic link option */
+    magicLinkEnabled?: boolean;
+    /** Enable email OTP option */
+    emailOtpEnabled?: boolean;
+    /** Enable phone OTP option */
+    phoneOtpEnabled?: boolean;
+    /** CSS class prefix for styling (default: 'eb-auth') */
+    classPrefix?: string;
+    /** Localization overrides */
+    localization?: Partial<AuthUILabels>;
+}
+export type AuthView = 'sign_in' | 'sign_up' | 'magic_link' | 'email_otp' | 'phone_otp' | 'forgot_password' | 'reset_password' | 'mfa_challenge' | 'verify_email';
+export interface AuthUILabels {
+    signIn: string;
+    signUp: string;
+    signOut: string;
+    email: string;
+    password: string;
+    confirmPassword: string;
+    forgotPassword: string;
+    resetPassword: string;
+    sendResetLink: string;
+    sendMagicLink: string;
+    sendOTP: string;
+    verifyCode: string;
+    orContinueWith: string;
+    dontHaveAccount: string;
+    alreadyHaveAccount: string;
+    phone: string;
+    code: string;
+    submit: string;
+    loading: string;
+    displayName: string;
+    backToSignIn: string;
+}
+export interface AuthContextValue {
+    client: ClientEdgeBase;
+    config: Required<Pick<AuthUIConfig, 'classPrefix' | 'showForgotPassword' | 'showToggle'>> & AuthUIConfig;
+    labels: AuthUILabels;
+}
+export interface AuthProviderProps {
+    client: ClientEdgeBase;
+    config?: AuthUIConfig;
+    children: React.ReactNode;
+}
+export declare function AuthProvider({ client, config, children }: AuthProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useAuthContext(): AuthContextValue;
+//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,uEAAuE;IACvE,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,mCAAmC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8BAA8B;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8BAA8B;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CACtC;AAED,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,SAAS,GACT,YAAY,GACZ,WAAW,GACX,WAAW,GACX,iBAAiB,GACjB,gBAAgB,GAChB,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AA0BD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,aAAa,GAAG,oBAAoB,GAAG,YAAY,CAAC,CAAC,GAAG,YAAY,CAAC;IACzG,MAAM,EAAE,YAAY,CAAC;CACtB;AAID,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAoB3E;AAED,wBAAgB,cAAc,IAAI,gBAAgB,CAMjD"}

package/dist/context.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * AuthUI Context — provides EdgeBase client and configuration to all auth components.
+ *
+ * Usage:
+ * ```tsx
+ * import { createClient } from '@edge-base/web';
+ * import { AuthProvider } from '@edge-base/auth-ui-react';
+ *
+ * const client = createClient('https://my-app.edgebase.fun');
+ *
+ * function App() {
+ *   return (
+ *     <AuthProvider client={client}>
+ *       <AuthForm />
+ *     </AuthProvider>
+ *   );
+ * }
+ * ```
+ */
+import { createContext, useContext, useMemo } from 'react';
+const DEFAULT_LABELS = {
+    signIn: 'Sign In',
+    signUp: 'Sign Up',
+    signOut: 'Sign Out',
+    email: 'Email',
+    password: 'Password',
+    confirmPassword: 'Confirm Password',
+    forgotPassword: 'Forgot Password?',
+    resetPassword: 'Reset Password',
+    sendResetLink: 'Send Reset Link',
+    sendMagicLink: 'Send Magic Link',
+    sendOTP: 'Send Code',
+    verifyCode: 'Verify Code',
+    orContinueWith: 'Or continue with',
+    dontHaveAccount: "Don't have an account?",
+    alreadyHaveAccount: 'Already have an account?',
+    phone: 'Phone Number',
+    code: 'Verification Code',
+    submit: 'Submit',
+    loading: 'Loading...',
+    displayName: 'Display Name',
+    backToSignIn: 'Back to Sign In',
+};
+const AuthContext = createContext(null);
+export function AuthProvider({ client, config, children }) {
+    const value = useMemo(() => ({
+        client,
+        config: {
+            classPrefix: 'eb-auth',
+            showForgotPassword: true,
+            showToggle: true,
+            ...config,
+        },
+        labels: {
+            ...DEFAULT_LABELS,
+            ...config?.localization,
+        },
+    }), [client, config]);
+    return (_jsx(AuthContext.Provider, { value: value, children: children }));
+}
+export function useAuthContext() {
+    const ctx = useContext(AuthContext);
+    if (!ctx) {
+        throw new Error('useAuthContext must be used within an <AuthProvider>');
+    }
+    return ctx;
+}
+//# sourceMappingURL=context.js.map

package/dist/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AA6DlE,MAAM,cAAc,GAAiB;IACnC,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,kBAAkB;IACnC,cAAc,EAAE,kBAAkB;IAClC,aAAa,EAAE,gBAAgB;IAC/B,aAAa,EAAE,iBAAiB;IAChC,aAAa,EAAE,iBAAiB;IAChC,OAAO,EAAE,WAAW;IACpB,UAAU,EAAE,aAAa;IACzB,cAAc,EAAE,kBAAkB;IAClC,eAAe,EAAE,wBAAwB;IACzC,kBAAkB,EAAE,0BAA0B;IAC9C,KAAK,EAAE,cAAc;IACrB,IAAI,EAAE,mBAAmB;IACzB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,YAAY;IACrB,WAAW,EAAE,cAAc;IAC3B,YAAY,EAAE,iBAAiB;CAChC,CAAC;AAQF,MAAM,WAAW,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAC;AAQjE,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAqB;IAC1E,MAAM,KAAK,GAAG,OAAO,CAAmB,GAAG,EAAE,CAAC,CAAC;QAC7C,MAAM;QACN,MAAM,EAAE;YACN,WAAW,EAAE,SAAS;YACtB,kBAAkB,EAAE,IAAI;YACxB,UAAU,EAAE,IAAI;YAChB,GAAG,MAAM;SACV;QACD,MAAM,EAAE;YACN,GAAG,cAAc;YACjB,GAAG,MAAM,EAAE,YAAY;SACxB;KACF,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAC/B,QAAQ,GACY,CACxB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,MAAM,GAAG,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACpC,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;IAC1E,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/hooks/useAuth.d.ts

@@ -0,0 +1,11 @@
+import type { TokenUser } from '@edge-base/web';
+export interface UseAuthReturn {
+    /** Current authenticated user, or null */
+    user: TokenUser | null;
+    /** Whether the auth state is still loading */
+    loading: boolean;
+    /** Sign out the current user */
+    signOut: () => Promise<void>;
+}
+export declare function useAuth(): UseAuthReturn;
+//# sourceMappingURL=useAuth.d.ts.map

package/dist/hooks/useAuth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../src/hooks/useAuth.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,MAAM,WAAW,aAAa;IAC5B,0CAA0C;IAC1C,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;IACvB,8CAA8C;IAC9C,OAAO,EAAE,OAAO,CAAC;IACjB,gCAAgC;IAChC,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,wBAAgB,OAAO,IAAI,aAAa,CA2BvC"}

package/dist/hooks/useAuth.js

@@ -0,0 +1,34 @@
+/**
+ * useAuth — hook for accessing authentication state and user data.
+ *
+ * Usage:
+ * ```tsx
+ * const { user, loading, signOut } = useAuth();
+ * ```
+ */
+import { useState, useEffect, useCallback } from 'react';
+import { useAuthContext } from '../context.js';
+export function useAuth() {
+    const { client } = useAuthContext();
+    const [user, setUser] = useState(null);
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        // Get initial user state
+        const currentUser = client.auth.currentUser;
+        setUser(currentUser);
+        setLoading(false);
+        // Subscribe to auth state changes
+        const unsubscribe = client.auth.onAuthStateChange((newUser) => {
+            setUser(newUser);
+            setLoading(false);
+        });
+        return () => {
+            unsubscribe();
+        };
+    }, [client]);
+    const signOut = useCallback(async () => {
+        await client.auth.signOut();
+    }, [client]);
+    return { user, loading, signOut };
+}
+//# sourceMappingURL=useAuth.js.map

package/dist/hooks/useAuth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuth.js","sourceRoot":"","sources":["../../src/hooks/useAuth.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAW/C,MAAM,UAAU,OAAO;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC;IACzD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,yBAAyB;QACzB,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;QAC5C,OAAO,CAAC,WAAW,CAAC,CAAC;QACrB,UAAU,CAAC,KAAK,CAAC,CAAC;QAElB,kCAAkC;QAClC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,OAAO,EAAE,EAAE;YAC5D,OAAO,CAAC,OAAO,CAAC,CAAC;YACjB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,WAAW,EAAE,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACrC,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;IAC9B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AACpC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @edge-base/auth-ui-react — Headless React authentication UI components.
+ *
+ * Usage:
+ * ```tsx
+ * import { createClient } from '@edge-base/web';
+ * import { AuthProvider, AuthForm } from '@edge-base/auth-ui-react';
+ * import '@edge-base/auth-ui-react/styles.css'; // optional default theme
+ *
+ * const client = createClient('https://my-app.edgebase.fun');
+ *
+ * function App() {
+ *   return (
+ *     <AuthProvider
+ *       client={client}
+ *       config={{
+ *         providers: ['google', 'github'],
+ *         magicLinkEnabled: true,
+ *       }}
+ *     >
+ *       <AuthForm onSuccess={() => navigate('/dashboard')} />
+ *     </AuthProvider>
+ *   );
+ * }
+ * ```
+ */
+export { AuthProvider, useAuthContext } from './context.js';
+export type { AuthProviderProps, AuthUIConfig, AuthUILabels, AuthView, AuthContextValue } from './context.js';
+export { useAuth } from './hooks/useAuth.js';
+export type { UseAuthReturn } from './hooks/useAuth.js';
+export { AuthForm } from './components/AuthForm.js';
+export type { AuthFormProps } from './components/AuthForm.js';
+export { SignIn } from './components/SignIn.js';
+export type { SignInProps } from './components/SignIn.js';
+export { SignUp } from './components/SignUp.js';
+export type { SignUpProps } from './components/SignUp.js';
+export { SocialButtons } from './components/SocialButtons.js';
+export type { SocialButtonsProps } from './components/SocialButtons.js';
+export { MFAChallenge } from './components/MFAChallenge.js';
+export type { MFAChallengeProps } from './components/MFAChallenge.js';
+export { ForgotPassword } from './components/ForgotPassword.js';
+export type { ForgotPasswordProps } from './components/ForgotPassword.js';
+export { MagicLink } from './components/MagicLink.js';
+export type { MagicLinkProps } from './components/MagicLink.js';
+export { EmailOTP } from './components/EmailOTP.js';
+export type { EmailOTPProps } from './components/EmailOTP.js';
+export { PhoneOTP } from './components/PhoneOTP.js';
+export type { PhoneOTPProps } from './components/PhoneOTP.js';
+//# 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;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAGH,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC5D,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAG9G,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGxD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAExE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,YAAY,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,YAAY,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE1E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -0,0 +1,41 @@
+/**
+ * @edge-base/auth-ui-react — Headless React authentication UI components.
+ *
+ * Usage:
+ * ```tsx
+ * import { createClient } from '@edge-base/web';
+ * import { AuthProvider, AuthForm } from '@edge-base/auth-ui-react';
+ * import '@edge-base/auth-ui-react/styles.css'; // optional default theme
+ *
+ * const client = createClient('https://my-app.edgebase.fun');
+ *
+ * function App() {
+ *   return (
+ *     <AuthProvider
+ *       client={client}
+ *       config={{
+ *         providers: ['google', 'github'],
+ *         magicLinkEnabled: true,
+ *       }}
+ *     >
+ *       <AuthForm onSuccess={() => navigate('/dashboard')} />
+ *     </AuthProvider>
+ *   );
+ * }
+ * ```
+ */
+// Context & Provider
+export { AuthProvider, useAuthContext } from './context.js';
+// Hooks
+export { useAuth } from './hooks/useAuth.js';
+// Components
+export { AuthForm } from './components/AuthForm.js';
+export { SignIn } from './components/SignIn.js';
+export { SignUp } from './components/SignUp.js';
+export { SocialButtons } from './components/SocialButtons.js';
+export { MFAChallenge } from './components/MFAChallenge.js';
+export { ForgotPassword } from './components/ForgotPassword.js';
+export { MagicLink } from './components/MagicLink.js';
+export { EmailOTP } from './components/EmailOTP.js';
+export { PhoneOTP } from './components/PhoneOTP.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,qBAAqB;AACrB,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG5D,QAAQ;AACR,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAG7C,aAAa;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC"}