@rationalbloks/frontblok-components 0.2.2 → 0.2.4

package/dist/index.d.ts

@@ -10,21 +10,12 @@ import { Theme } from '@mui/material';
 import { ThemeOptions } from '@mui/material/styles';
 
 export declare interface AppThemeOptions {
-    /** Override default palette colors */
     paletteOverrides?: Record<string, unknown>;
-    /** Override default typography settings */
     typographyOverrides?: Record<string, unknown>;
-    /** Override default component styles */
     componentsOverrides?: ThemeOptions['components'];
-    /** Border radius for shapes. Default: 12 */
     borderRadius?: number;
 }
 
-/**
- * Auth API interface - matches frontblok-auth's authApi.
- * Components need these methods to work.
- * Uses generic return types to be compatible with various implementations.
- */
 export declare interface AuthApi {
     requestPasswordReset: (email: string) => Promise<unknown>;
     resetPassword: (token: string, newPassword: string) => Promise<unknown>;
@@ -34,9 +25,6 @@ export declare interface AuthApi {
     }>;
 }
 
-/**
- * Auth hook return type - matches useClientAuth from frontblok-auth.
- */
 export declare interface AuthHook {
     login: (email: string, password: string) => Promise<boolean>;
     register: (email: string, password: string, firstName: string, lastName: string) => Promise<boolean>;
@@ -46,13 +34,8 @@ export declare interface AuthHook {
 
 export declare const AuthView: default_2.FC<AuthViewProps>;
 
-/**
- * Props for AuthView which also needs the auth hook and nonce generator.
- */
 export declare interface AuthViewProps extends ViewProps {
-    /** Auth hook (login, register, isLoading, error) */
     useAuth: () => AuthHook;
-    /** Generate OAuth nonce for Google login */
     generateOAuthNonce: () => string;
 }
 
@@ -61,32 +44,19 @@ export declare interface BrandConfig {
     logo: string;
 }
 
-/**
- * Branding configuration passed to components.
- * Customize the look and feel of auth components.
- */
 export declare interface Branding {
-    /** App name displayed in headers */
     appName: string;
-    /** Short tagline for auth pages */
     tagline: string;
-    /** Single letter for logo icon */
     logoLetter: string;
-    /** CSS gradient for primary buttons and logo */
     primaryGradient: string;
-    /** CSS gradient for hover state */
     primaryGradientHover: string;
-    /** Box shadow for logo */
     logoShadow: string;
-    /** Route to redirect after login */
     dashboardRoute: string;
-    /** Success messages */
     messages: {
         loginSuccess: string;
         registerSuccess: string;
         googleNewUser: string;
     };
-    /** Security badge text */
     securityBadge: string;
 }
 
@@ -130,37 +100,10 @@ declare interface ConfirmationModalProps_2 {
     bulletPoints?: string[];
 }
 
-/**
- * Props for ConfirmationModal.
- */
 export declare type ConfirmationModalSeverity = 'info' | 'warning' | 'error' | 'success';
 
 declare type ConfirmationModalSeverity_2 = 'info' | 'warning' | 'error' | 'success';
 
-/**
- * Creates a MUI theme with RationalBloks defaults.
- *
- * All defaults can be overridden per-app via the options parameter.
- * The defaults include:
- * - Warm beige background
- * - Professional blue primary palette
- * - System font typography with tight letter-spacing
- * - Polished component overrides (no uppercase buttons, rounded cards, etc.)
- *
- * @param options - Customization options
- * @returns A MUI Theme object
- *
- * @example
- * ```typescript
- * // Use defaults
- * const theme = createAppTheme();
- *
- * // Override primary color
- * const theme = createAppTheme({
- *   paletteOverrides: { primary: { main: '#e91e63' } },
- * });
- * ```
- */
 export declare function createAppTheme(options?: AppThemeOptions): Theme;
 
 export declare function createNavbar(config: NavbarConfig): () => JSX.Element;
@@ -236,9 +179,6 @@ export declare class ErrorBoundary extends Component<Props, State> {
     render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | JSX.Element | null | undefined;
 }
 
-/**
- * Props for ErrorBoundary.
- */
 export declare interface ErrorBoundaryProps {
     children: ReactNode;
     supportEmail?: string;
@@ -256,11 +196,9 @@ export declare interface ErrorFallbackProps {
 export declare function ForgotPasswordView({ authApi, authRoute }: ForgotPasswordViewProps): JSX.Element;
 
 export declare interface ForgotPasswordViewProps {
-    /** Auth API object with requestPasswordReset method */
     authApi: {
         requestPasswordReset: (email: string) => Promise<unknown>;
     };
-    /** Route to navigate back to login (default: '/auth') */
     authRoute?: string;
 }
 
@@ -278,7 +216,6 @@ export declare interface NavbarConfig {
     brand: BrandConfig;
     navigation: NavigationConfig;
     useAuth: () => NavbarAuthHookResult;
-    /** Gradient colors for navbar background */
     navbarGradient: {
         start: string;
         end: string;
@@ -308,11 +245,9 @@ declare interface Props {
 export declare function ResetPasswordView({ authApi, authRoute }: ResetPasswordViewProps): JSX.Element;
 
 export declare interface ResetPasswordViewProps {
-    /** Auth API object with resetPassword method */
     authApi: {
         resetPassword: (token: string, newPassword: string) => Promise<unknown>;
     };
-    /** Route to navigate after successful reset (default: '/auth') */
     authRoute?: string;
 }
 
@@ -326,16 +261,12 @@ export declare interface SettingsViewAuthApi {
 }
 
 export declare interface SettingsViewProps {
-    /** The auth API instance (must have deleteAccount method) */
     authApi: SettingsViewAuthApi;
-    /** The useAuth hook from your app */
     useAuth: () => {
         user: SettingsViewUser | null;
         logout: () => void;
     };
-    /** Route to navigate to after logout/delete. Default: '/' */
     homeRoute?: string;
-    /** Optional additional content to render between profile and danger zone */
     children?: default_2.ReactNode;
 }
 
@@ -356,23 +287,15 @@ export declare const SupportView: () => JSX.Element;
 export declare function VerifyEmailView({ authApi, successRoute, errorRoute }: VerifyEmailViewProps): JSX.Element;
 
 export declare interface VerifyEmailViewProps {
-    /** Auth API object with verifyEmail method */
     authApi: {
         verifyEmail: (token: string) => Promise<unknown>;
     };
-    /** Route to navigate after successful verification (default: '/projects') */
     successRoute?: string;
-    /** Route to navigate on error (default: '/settings') */
     errorRoute?: string;
 }
 
-/**
- * Common props for all views that need auth and branding.
- */
 export declare interface ViewProps {
-    /** Branding configuration */
     branding: Branding;
-    /** Auth API instance */
     authApi: AuthApi;
 }
 

package/dist/index.js

@@ -733,8 +733,8 @@ const AuthView = ({
         setLocalError("Passwords do not match");
         return false;
       }
-      if (formData.password.length < 6) {
-        setLocalError("Password must be at least 6 characters");
+      if (formData.password.length < 8) {
+        setLocalError("Password must be at least 8 characters");
         return false;
       }
     }