Package: @lilith/ui-auth Split from: lilith/ui.git or lilith/build.git Publish workflow: calls lilith/workflows/.forgejo/workflows/publish-npm.yml@main
43 lines
No EOL
1.5 KiB
TypeScript
43 lines
No EOL
1.5 KiB
TypeScript
/**
|
|
* AuthSlidePanel Component
|
|
*
|
|
* Slide-out panel from edge of screen.
|
|
* Ideal for header login buttons and quick auth access.
|
|
*/
|
|
import { type AuthPanelTheme, type AuthPanelThemeVariant } from './themes';
|
|
import type { AuthHandler, User, AuthModalMode } from './types';
|
|
export interface AuthSlidePanelProps {
|
|
/** Panel open state */
|
|
isOpen: boolean;
|
|
/** Initial mode */
|
|
mode?: AuthModalMode;
|
|
/** Slide direction */
|
|
direction?: 'left' | 'right';
|
|
/** Theme variant */
|
|
theme?: AuthPanelThemeVariant;
|
|
/** Custom theme */
|
|
customTheme?: AuthPanelTheme;
|
|
/** Auth handler */
|
|
authHandler?: AuthHandler;
|
|
/** SSO URL */
|
|
ssoUrl?: string;
|
|
/** Default role */
|
|
defaultRole?: 'user' | 'provider' | 'client';
|
|
/** Show role selector */
|
|
showRoleSelector?: boolean;
|
|
/** Blur background */
|
|
overlayBlur?: boolean;
|
|
/** Panel width */
|
|
width?: number;
|
|
/** Called on success */
|
|
onSuccess?: (user: User) => void;
|
|
/** Called on close */
|
|
onClose: () => void;
|
|
/** Called on error */
|
|
onError?: (error: Error) => void;
|
|
/** Allow mode switching */
|
|
allowModeSwitch?: boolean;
|
|
className?: string;
|
|
}
|
|
export declare function AuthSlidePanel({ isOpen, mode: initialMode, direction, theme, customTheme, authHandler, ssoUrl, defaultRole, showRoleSelector, overlayBlur, width, onSuccess, onClose, onError, allowModeSwitch, className, }: AuthSlidePanelProps): import("react/jsx-runtime").JSX.Element | null;
|
|
//# sourceMappingURL=AuthSlidePanel.d.ts.map
|