Package: @lilith/ui-auth Split from: lilith/ui.git or lilith/build.git Publish workflow: calls lilith/workflows/.forgejo/workflows/publish-npm.yml@main
45 lines
No EOL
1.7 KiB
TypeScript
45 lines
No EOL
1.7 KiB
TypeScript
/**
|
|
* AuthFullscreenPanel Component
|
|
*
|
|
* Full-screen takeover with centered glass card.
|
|
* Ideal for dedicated auth pages and immersive sign-up flows.
|
|
*/
|
|
import { type AuthPanelTheme, type AuthPanelThemeVariant } from './themes';
|
|
import type { AuthHandler, User, AuthModalMode } from './types';
|
|
export interface AuthFullscreenPanelProps {
|
|
/** Panel open state */
|
|
isOpen: boolean;
|
|
/** Initial mode */
|
|
mode?: AuthModalMode;
|
|
/** Theme variant */
|
|
theme?: AuthPanelThemeVariant;
|
|
/** Custom theme */
|
|
customTheme?: AuthPanelTheme;
|
|
/** Background image URL */
|
|
backgroundImage?: string;
|
|
/** Auth handler */
|
|
authHandler?: AuthHandler;
|
|
/** SSO URL */
|
|
ssoUrl?: string;
|
|
/** Default role */
|
|
defaultRole?: 'user' | 'provider' | 'client';
|
|
/** Show role selector */
|
|
showRoleSelector?: boolean;
|
|
/** Enable glass effect on card */
|
|
glassEffect?: boolean;
|
|
/** Blur background */
|
|
backgroundBlur?: boolean;
|
|
/** Called on success */
|
|
onSuccess?: (user: User) => void;
|
|
/** Called on close */
|
|
onClose: () => void;
|
|
/** Called on error */
|
|
onError?: (error: Error) => void;
|
|
/** Allow mode switching */
|
|
allowModeSwitch?: boolean;
|
|
/** Show close button */
|
|
showCloseButton?: boolean;
|
|
className?: string;
|
|
}
|
|
export declare function AuthFullscreenPanel({ isOpen, mode: initialMode, theme, customTheme, backgroundImage, authHandler, ssoUrl, defaultRole, showRoleSelector, glassEffect, backgroundBlur, onSuccess, onClose, onError, allowModeSwitch, showCloseButton, className, }: AuthFullscreenPanelProps): import("react/jsx-runtime").JSX.Element | null;
|
|
//# sourceMappingURL=AuthFullscreenPanel.d.ts.map
|