@passkeyme/react-auth 1.0.0

package/dist/components/DevToolsDashboard.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Developer Tools Dashboard for PasskeyMe React SDK
+ * Provides real-time debugging and development utilities
+ */
+export interface DevToolsDashboardProps {
+    /** Whether to show the dashboard (default: only in development) */
+    show?: boolean;
+    /** Position of the dashboard */
+    position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    /** Whether the dashboard is collapsed by default */
+    collapsed?: boolean;
+}
+export declare const DevToolsDashboard: ({ show, position, collapsed: initialCollapsed, }: {
+    show?: boolean | undefined;
+    position?: string | undefined;
+    collapsed?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=DevToolsDashboard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DevToolsDashboard.d.ts","sourceRoot":"","sources":["../../src/components/DevToolsDashboard.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,MAAM,WAAW,sBAAsB;IACrC,mEAAmE;IACnE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gCAAgC;IAChC,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;IACrE,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAUD,eAAO,MAAM,iBAAiB;;;;oDA8T7B,CAAC"}

package/dist/components/LazyComponents.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Lazy-loaded components for better performance
+ * Components are loaded only when needed
+ */
+import React from "react";
+import type { PasskeymeErrorDisplayProps } from "./PasskeymeErrorDisplay";
+import type { PasskeymeLoadingIndicatorProps } from "./PasskeymeLoadingIndicator";
+/**
+ * Lazy-loaded Error Display with Suspense boundary
+ */
+export declare const PasskeymeErrorDisplayLazy: (props: PasskeymeErrorDisplayProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Lazy-loaded Loading Indicator with Suspense boundary
+ */
+export declare const PasskeymeLoadingIndicatorLazy: (props: PasskeymeLoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Generic lazy component wrapper
+ */
+export declare const createLazyComponent: <T extends Record<string, any>>(importFn: () => Promise<{
+    default: React.ComponentType<T>;
+}>, fallback?: React.ReactNode) => React.MemoExoticComponent<(props: T) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=LazyComponents.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LazyComponents.d.ts","sourceRoot":"","sources":["../../src/components/LazyComponents.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAC;AAclF;;GAEG;AACH,eAAO,MAAM,yBAAyB,UAC7B,0BAA0B,4CAWlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B,UACjC,8BAA8B,4CAKtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,4CACpB,MAAM,QAAQ;IAAE,OAAO,EAAE,MAAM,aAAa,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC,aACjD,MAAM,SAAS,uCAIA,CAAC,6CAK5B,CAAC"}

package/dist/components/NotificationProvider.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Simple notification system for PasskeyMe SDK
+ * Uses a React portal for clean rendering without external dependencies
+ */
+import { ReactNode } from "react";
+interface Notification {
+    id: string;
+    type: "success" | "error" | "info" | "warning";
+    title: string;
+    message?: string;
+    duration?: number;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+interface NotificationContextValue {
+    notifications: Notification[];
+    addNotification: (notification: Omit<Notification, "id">) => void;
+    removeNotification: (id: string) => void;
+    showSuccess: (title: string, message?: string) => void;
+    showError: (title: string, message?: string) => void;
+    showInfo: (title: string, message?: string) => void;
+    showWarning: (title: string, message?: string) => void;
+}
+export declare const useNotifications: () => NotificationContextValue;
+export declare const NotificationProvider: ({ children, }: {
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NotificationProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationProvider.d.ts","sourceRoot":"","sources":["../../src/components/NotificationProvider.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAKL,SAAS,EACV,MAAM,OAAO,CAAC;AAGf,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH;AAED,UAAU,wBAAwB;IAChC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,eAAe,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IAClE,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAMD,eAAO,MAAM,gBAAgB,QAAO,wBAQnC,CAAC;AA8KF,eAAO,MAAM,oBAAoB,kBAE9B;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,4CA+CA,CAAC"}

package/dist/components/PasskeymeAuthPanel.d.ts

@@ -0,0 +1,121 @@
+import React from "react";
+export interface PasskeymeAuthPanelTheme {
+    container?: {
+        backgroundColor?: string;
+        borderRadius?: string;
+        border?: string;
+        boxShadow?: string;
+        padding?: string;
+        maxWidth?: string;
+        fontFamily?: string;
+        color?: string;
+    };
+    title?: {
+        fontSize?: string;
+        fontWeight?: string;
+        color?: string;
+        marginBottom?: string;
+        textAlign?: "left" | "center" | "right";
+    };
+    subtitle?: {
+        fontSize?: string;
+        color?: string;
+        marginBottom?: string;
+        textAlign?: "left" | "center" | "right";
+    };
+    passkeyButton?: {
+        backgroundColor?: string;
+        backgroundColorHover?: string;
+        backgroundColorDisabled?: string;
+        color?: string;
+        border?: string;
+        borderRadius?: string;
+        padding?: string;
+        fontSize?: string;
+        fontWeight?: string;
+        cursor?: string;
+        transition?: string;
+        width?: string;
+        minHeight?: string;
+    };
+    oauthSection?: {
+        gap?: string;
+        marginTop?: string;
+    };
+    dividerText?: {
+        color?: string;
+        fontSize?: string;
+        margin?: string;
+        textAlign?: "left" | "center" | "right";
+        fontWeight?: string;
+    };
+    successState?: {
+        backgroundColor?: string;
+        borderRadius?: string;
+        border?: string;
+        padding?: string;
+        textAlign?: "left" | "center" | "right";
+    };
+    loadingState?: {
+        color?: string;
+        fontSize?: string;
+    };
+    debugInfo?: {
+        backgroundColor?: string;
+        border?: string;
+        borderRadius?: string;
+        padding?: string;
+        fontSize?: string;
+        color?: string;
+        marginTop?: string;
+    };
+}
+export interface PasskeymeAuthPanelProps {
+    providers?: ("google" | "github" | "facebook" | "apple" | "microsoft")[];
+    enablePasskeys?: boolean;
+    enableUsernamePassword?: boolean;
+    redirectUri?: string;
+    state?: string;
+    layout?: "vertical" | "horizontal" | "grid";
+    spacing?: "compact" | "normal" | "relaxed";
+    passkeyFirst?: boolean;
+    hideProvidersInitially?: boolean;
+    autoTriggerPasskey?: boolean;
+    title?: string;
+    subtitle?: string;
+    passkeyButtonText?: string;
+    passkeyLoadingText?: string;
+    dividerText?: string;
+    successTitle?: string;
+    successSubtitle?: string;
+    logoutButtonText?: string;
+    showTitle?: boolean;
+    showSubtitle?: boolean;
+    showDividerText?: boolean;
+    showSuccessState?: boolean;
+    showLogoutButton?: boolean;
+    showDebugInfo?: boolean;
+    theme?: PasskeymeAuthPanelTheme;
+    className?: string;
+    style?: React.CSSProperties;
+    onSuccess?: (user: any, method: string) => void;
+    onError?: (error: Error) => void;
+    onProviderSelect?: (provider: string) => void;
+    onPasskeyAttempt?: () => void;
+    onOAuthRequired?: (providers: string[]) => void;
+    onLogout?: () => void;
+    debugMode?: boolean;
+    passkeyOptions?: {
+        timeout?: number;
+        userVerification?: "required" | "preferred" | "discouraged";
+    };
+}
+/**
+ * PasskeyMe Authentication Panel Component
+ *
+ * A fully customizable authentication panel that handles passkey and OAuth authentication
+ * with extensive theming and configuration options.
+ */
+export declare const PasskeymeAuthPanel: ({ providers, enablePasskeys, enableUsernamePassword: _enableUsernamePassword, redirectUri, state: _state, layout, spacing, passkeyFirst, hideProvidersInitially, autoTriggerPasskey, title, subtitle, passkeyButtonText, passkeyLoadingText, dividerText, successTitle, successSubtitle, logoutButtonText, showTitle, showSubtitle, showDividerText, showSuccessState, showLogoutButton, showDebugInfo, theme, className, style, onSuccess, onError, onProviderSelect, onPasskeyAttempt, onOAuthRequired, onLogout, debugMode, passkeyOptions, }: PasskeymeAuthPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default PasskeymeAuthPanel;
+//# sourceMappingURL=PasskeymeAuthPanel.d.ts.map

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

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

package/dist/components/PasskeymeButton.d.ts

@@ -0,0 +1,64 @@
+/**
+ * PasskeyMe Button Component with native passkey authentication
+ * Performance optimized with React.memo and useCallback
+ */
+import React from "react";
+import type { User } from "@passkeyme/auth";
+import { PasskeymeError } from "@passkeyme/auth";
+export interface PasskeymeButtonProps {
+    /** Username for passkey authentication (optional - will attempt discoverable credential first) */
+    username?: string;
+    /** API key for passkey operations (optional - will use from config) */
+    apiKey?: string;
+    /** Custom button text */
+    children?: React.ReactNode;
+    /** Custom CSS class */
+    className?: string;
+    /** Custom inline styles */
+    style?: React.CSSProperties;
+    /** Callback when authentication succeeds (optional - default shows success notification) */
+    onSuccess?: (user: User, method: "passkey" | "hosted") => void;
+    /** Callback when authentication fails (optional - default shows error notification) */
+    onError?: (error: string | PasskeymeError) => void;
+    /** Whether to show passkey icon */
+    showIcon?: boolean;
+    /** Whether button is disabled */
+    disabled?: boolean;
+    /** Button size */
+    size?: "small" | "medium" | "large";
+    /** Button variant */
+    variant?: "primary" | "secondary" | "outline";
+    /** Whether to show default notifications (default: true) */
+    showNotifications?: boolean;
+    /** Whether to show enhanced loading indicator (default: false) */
+    showLoadingIndicator?: boolean;
+    /** Button theme */
+    theme?: "light" | "dark" | "auto";
+    /** Whether button should take full width */
+    fullWidth?: boolean;
+    /** Whether to show progress in loading indicator */
+    showProgress?: boolean;
+    /** Accessible label for the button (for screen readers) */
+    "aria-label"?: string;
+    /** ID of element that describes the button */
+    "aria-describedby"?: string;
+    /** ID of element that labels the button */
+    "aria-labelledby"?: string;
+    /** Additional ARIA attributes */
+    "aria-pressed"?: boolean;
+    /** HTML id attribute for the button */
+    id?: string;
+    /** Tab index for keyboard navigation */
+    tabIndex?: number;
+    /** Callback for keyboard events */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
+    /** Callback for focus events */
+    onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+    /** Callback for blur events */
+    onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+    /** Autofocus the button on mount */
+    autoFocus?: boolean;
+}
+export declare const PasskeymeButton: React.MemoExoticComponent<({ username, apiKey, children, className, style, onSuccess, onError, showIcon, disabled, size, variant, showNotifications, showLoadingIndicator, theme, fullWidth, showProgress, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, "aria-pressed": ariaPressed, id, tabIndex, onKeyDown, onFocus, onBlur, autoFocus, }: PasskeymeButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export default PasskeymeButton;
+//# sourceMappingURL=PasskeymeButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasskeymeButton.d.ts","sourceRoot":"","sources":["../../src/components/PasskeymeButton.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAa9D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAsB,MAAM,iBAAiB,CAAC;AAErE,MAAM,WAAW,oBAAoB;IACnC,kGAAkG;IAClG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,4FAA4F;IAC5F,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,GAAG,QAAQ,KAAK,IAAI,CAAC;IAC/D,uFAAuF;IACvF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,KAAK,IAAI,CAAC;IACnD,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAC9C,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kEAAkE;IAClE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,YAAY,CAAC,EAAE,OAAO,CAAC;IAGvB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iCAAiC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uCAAuC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACpE,gCAAgC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,+BAA+B;IAC/B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAmfD,eAAO,MAAM,eAAe,mYA9ZzB,oBAAoB,6CA8Z4C,CAAC;AAEpE,eAAe,eAAe,CAAC"}

package/dist/components/PasskeymeCallbackHandler.d.ts

@@ -0,0 +1,50 @@
+import { PasskeymeCallbackHandlerProps } from "../types";
+export interface CallbackState {
+    loading: boolean;
+    error: string | null;
+    success: boolean;
+    showPasskeyPrompt: boolean;
+    passkeyRegistering: boolean;
+    authenticatedUser: any | null;
+}
+/**
+ * Built-in OAuth callback handler component for PasskeyMe authentication.
+ *
+ * This component automatically handles the OAuth callback flow including:
+ * - Token extraction from URL parameters
+ * - Token validation and user info retrieval
+ * - Error handling and user feedback
+ * - Automatic redirection on success/failure
+ * - Optional passkey registration prompting
+ *
+ * @example
+ * ```tsx
+ * // Basic usage - handles everything automatically
+ * <Route path="/callback" element={<CallbackHandler />} />
+ *
+ * // With custom redirects
+ * <Route path="/callback" element={
+ *   <CallbackHandler
+ *     successRedirect="/dashboard"
+ *     errorRedirect="/login?error=auth_failed"
+ *   />
+ * } />
+ *
+ * // With passkey registration
+ * <Route path="/callback" element={
+ *   <CallbackHandler
+ *     passkey={{
+ *       promptRegistration: true,
+ *       apiKey: "your-passkeyme-api-key",
+ *       onRegistrationComplete: (success, error) => {
+ *         if (success) {
+ *           toast.success('Passkey registered successfully!');
+ *         }
+ *       }
+ *     }}
+ *   />
+ * } />
+ * ```
+ */
+export declare const PasskeymeCallbackHandler: ({ loadingComponent: LoadingComponent, errorComponent: ErrorComponent, successRedirect, errorRedirect, onSuccess, onError, passkey, }: PasskeymeCallbackHandlerProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PasskeymeCallbackHandler.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasskeymeCallbackHandler.d.ts","sourceRoot":"","sources":["../../src/components/PasskeymeCallbackHandler.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AAuLzD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iBAAiB,EAAE,GAAG,GAAG,IAAI,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,wBAAwB,yIAQlC,6BAA6B,mDAg2B/B,CAAC"}

package/dist/components/PasskeymeErrorDisplay.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Error Display Component for PasskeyMe SDK
+ * Provides user-friendly error messages with actionable suggestions
+ * Performance optimized with React.memo and useCallback
+ */
+import React from "react";
+import { PasskeymeError } from "@passkeyme/auth";
+export interface PasskeymeErrorDisplayProps {
+    /** The error to display */
+    error: PasskeymeError | Error | string | null;
+    /** Custom CSS class */
+    className?: string;
+    /** Custom inline styles */
+    style?: React.CSSProperties;
+    /** Whether to show technical details (for debugging) */
+    showTechnicalDetails?: boolean;
+    /** Callback for retry button (if error is retryable) */
+    onRetry?: () => void;
+    /** Callback for alternative action button */
+    onAlternativeAction?: () => void;
+    /** Custom retry button text */
+    retryButtonText?: string;
+    /** Custom alternative action button text */
+    alternativeActionText?: string;
+}
+export declare const PasskeymeErrorDisplay: React.MemoExoticComponent<({ error, className, style, showTechnicalDetails, onRetry, onAlternativeAction, retryButtonText, alternativeActionText, }: PasskeymeErrorDisplayProps) => import("react/jsx-runtime").JSX.Element | null>;
+export default PasskeymeErrorDisplay;
+//# sourceMappingURL=PasskeymeErrorDisplay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasskeymeErrorDisplay.d.ts","sourceRoot":"","sources":["../../src/components/PasskeymeErrorDisplay.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAAsB,MAAM,iBAAiB,CAAC;AAErE,MAAM,WAAW,0BAA0B;IACzC,2BAA2B;IAC3B,KAAK,EAAE,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;IAC9C,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,wDAAwD;IACxD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6CAA6C;IAC7C,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,+BAA+B;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAgFD,eAAO,MAAM,qBAAqB,uJAU7B,0BAA0B,oDAoK9B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/PasskeymeLoadingIndicator.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Enhanced Loading Indicator Component
+ * Provides rich visual feedback for authentication flows
+ * Performance optimized with React.memo and useCallback
+ */
+import React from "react";
+import type { PasskeymeLoadingStateInfo } from "../utils/loadingStates";
+export interface PasskeymeLoadingIndicatorProps {
+    /** Loading state information */
+    loadingState: PasskeymeLoadingStateInfo;
+    /** Custom CSS class */
+    className?: string;
+    /** Custom inline styles */
+    style?: React.CSSProperties;
+    /** Whether to show progress bar */
+    showProgress?: boolean;
+    /** Whether to show elapsed time */
+    showElapsedTime?: boolean;
+    /** Whether to show user action text */
+    showUserActionText?: boolean;
+    /** Size variant */
+    size?: "small" | "medium" | "large";
+    /** Theme variant */
+    theme?: "light" | "dark" | "auto";
+    /** Custom loading messages */
+    customMessages?: Partial<Record<string, string>>;
+    /** Callback when user action is required */
+    onUserActionRequired?: () => void;
+    /** Elapsed time in milliseconds */
+    elapsedTime?: number;
+}
+export declare const PasskeymeLoadingIndicator: React.MemoExoticComponent<({ loadingState, className, style, showProgress, showElapsedTime, showUserActionText, size, theme, customMessages, onUserActionRequired, elapsedTime, }: PasskeymeLoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element | null>;
+export default PasskeymeLoadingIndicator;
+//# sourceMappingURL=PasskeymeLoadingIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasskeymeLoadingIndicator.d.ts","sourceRoot":"","sources":["../../src/components/PasskeymeLoadingIndicator.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAExE,MAAM,WAAW,8BAA8B;IAC7C,gCAAgC;IAChC,YAAY,EAAE,yBAAyB,CAAC;IACxC,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mCAAmC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mCAAmC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,oBAAoB;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,8BAA8B;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACjD,4CAA4C;IAC5C,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA2GD,eAAO,MAAM,yBAAyB,qLAajC,8BAA8B,oDA8JlC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/PasskeymeOAuthButton.d.ts

@@ -0,0 +1,8 @@
+/**
+ * PasskeyMe OAuth Login Button Component with Enhanced Accessibility and Performance
+ */
+import React from "react";
+import type { PasskeymeOAuthButtonProps } from "../types";
+export declare const PasskeymeOAuthButton: React.MemoExoticComponent<({ provider, variant, size, redirectUri, children, className, style, disabled, onClick, loading: externalLoading, }: PasskeymeOAuthButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export default PasskeymeOAuthButton;
+//# sourceMappingURL=PasskeymeOAuthButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasskeymeOAuthButton.d.ts","sourceRoot":"","sources":["../../src/components/PasskeymeOAuthButton.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAqJ1D,eAAO,MAAM,oBAAoB,iJA1G9B,yBAAyB,6CA0GiD,CAAC;AAE9E,eAAe,oBAAoB,CAAC"}

package/dist/components/PasskeymeProtectedRoute.d.ts

@@ -0,0 +1,16 @@
+/**
+ * PasskeyMe Protected Route Component
+ * Performance optimized with React.memo and useMemo
+ */
+import React from "react";
+import type { PasskeymeProtectedRouteProps } from "../types";
+export declare const PasskeymeProtectedRoute: React.MemoExoticComponent<({ children, fallback, redirectTo, requiredRoles, hasAccess }: PasskeymeProtectedRouteProps) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined>;
+/**
+ * Higher-order component for protecting components
+ */
+export declare const withAuth: <P extends object>(Component: React.ComponentType<P>, options?: Omit<PasskeymeProtectedRouteProps, "children">) => {
+    (props: P): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default PasskeymeProtectedRoute;
+//# sourceMappingURL=PasskeymeProtectedRoute.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasskeymeProtectedRoute.d.ts","sourceRoot":"","sources":["../../src/components/PasskeymeProtectedRoute.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAG7D,eAAO,MAAM,uBAAuB,2FAEqB,4BAA4B,wHAsEnF,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,QAAQ,gCACR,MAAM,aAAa,CAAC,CAAC,CAAC,YACvB,KAAK,4BAA4B,EAAE,UAAU,CAAC;YAEvB,CAAC;;CAUnC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/components/PasskeymeProvider.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Enhanced PasskeymeProvider for React Web
+ * Automatically includes NotificationProvider and Web SDK injection for better DX
+ */
+import type { PasskeymeProviderProps } from "../types";
+/**
+ * PasskeymeProvider for React Web applications
+ *
+ * This provider automatically includes:
+ * - NotificationProvider for UI notifications
+ * - Web SDK injection for passkey functionality
+ *
+ * You don't need to manually configure the passkey SDK for web environments.
+ *
+ * @example
+ * ```tsx
+ * // Simple usage (recommended):
+ * <PasskeymeProvider config={config}>
+ *   <App />
+ * </PasskeymeProvider>
+ * ```
+ */
+export declare const PasskeymeProvider: ({ children, config, enableNotifications, ...coreProviderProps }: PasskeymeProviderProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PasskeymeProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasskeymeProvider.d.ts","sourceRoot":"","sources":["../../src/components/PasskeymeProvider.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGvD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,iBAAiB,oEAK3B,sBAAsB,4CA6BxB,CAAC"}

package/dist/components/PasskeymeUserProfile.d.ts

@@ -0,0 +1,31 @@
+/**
+ * PasskeyMe User Profile Component
+ * Displays user information with customizable styling
+ */
+import React from "react";
+import type { User } from "@passkeyme/auth";
+export interface PasskeymeUserProfileProps {
+    /** User object to display */
+    user: User;
+    /** Whether to show the user's picture/avatar (default: true) */
+    showPicture?: boolean;
+    /** Whether to show the user's name (default: true) */
+    showName?: boolean;
+    /** Whether to show the user's email (default: true) */
+    showEmail?: boolean;
+    /** Whether to show additional user roles/info (default: false) */
+    showRoles?: boolean;
+    /** Size of the profile display */
+    size?: "small" | "medium" | "large";
+    /** Layout orientation */
+    layout?: "horizontal" | "vertical";
+    /** Custom CSS class */
+    className?: string;
+    /** Custom styles */
+    style?: React.CSSProperties;
+    /** Click handler */
+    onClick?: () => void;
+}
+export declare const PasskeymeUserProfile: React.MemoExoticComponent<({ user, showPicture, showName, showEmail, showRoles, size, layout, className, style, onClick, }: PasskeymeUserProfileProps) => import("react/jsx-runtime").JSX.Element>;
+export default PasskeymeUserProfile;
+//# sourceMappingURL=PasskeymeUserProfile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasskeymeUserProfile.d.ts","sourceRoot":"","sources":["../../src/components/PasskeymeUserProfile.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,WAAW,yBAAyB;IACxC,6BAA6B;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,yBAAyB;IACzB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAmID,eAAO,MAAM,oBAAoB,8HAtH9B,yBAAyB,6CAsHiD,CAAC;AAE9E,eAAe,oBAAoB,CAAC"}

package/dist/components/PerformanceDashboard.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Performance monitoring dashboard component
+ * Provides real-time performance metrics and optimization insights
+ */
+export interface PerformanceMetrics {
+    renderTime: number;
+    bundleSize: number;
+    memoryUsage: number;
+    cacheHitRate: number;
+    errorRate: number;
+}
+export interface PerformanceDashboardProps {
+    enabled?: boolean;
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    minimized?: boolean;
+    onToggle?: (minimized: boolean) => void;
+}
+/**
+ * Performance monitoring dashboard
+ */
+export declare const PerformanceDashboard: ({ enabled, position, minimized: initialMinimized, onToggle, }: PerformanceDashboardProps) => import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Lightweight performance indicator
+ */
+export declare const PerformanceIndicator: ({ threshold, position, }: {
+    threshold?: number;
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default PerformanceDashboard;
+//# sourceMappingURL=PerformanceDashboard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PerformanceDashboard.d.ts","sourceRoot":"","sources":["../../src/components/PerformanceDashboard.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AASH,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,kEAK9B,yBAAyB,mDA4P3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,6BAG9B;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;CACtE,mDA6DA,CAAC;AAEF,eAAe,oBAAoB,CAAC"}