@djangocfg/layouts 2.1.334 → 2.1.336

package/src/layouts/AuthLayout/types.ts

@@ -20,6 +20,11 @@ export type {
 
 import type { AuthFormReturn } from '@djangocfg/api/auth';
 
+import type { AuthBackgroundConfig, AuthShellVariant, AuthShellContextValue } from './shells';
+
+// Re-export shell types so consumers can import everything from ./types
+export type { AuthBackgroundConfig, AuthShellVariant, AuthShellContextValue } from './shells';
+
 // ─────────────────────────────────────────────────────────────────────────────
 // Layout Config — UI-specific configuration for AuthLayout
 // ─────────────────────────────────────────────────────────────────────────────
@@ -59,6 +64,12 @@ export interface AuthFormContextType extends AuthFormReturn, AuthLayoutConfig {}
 export interface AuthLayoutProps extends AuthLayoutConfig {
   children?: React.ReactNode;
   className?: string;
+  /** Shell variant — controls the overall layout shape. @default 'centered' */
+  variant?: AuthShellVariant;
+  /** Background configuration (image, gradient, overlay, blur). */
+  background?: AuthBackgroundConfig;
+  /** Slot for the right column in split variant (testimonial, branding, etc.). */
+  sidebar?: React.ReactNode;
   /** Callback when identifier step succeeds */
   onIdentifierSuccess?: (identifier: string) => void;
   /** Callback when OTP verification succeeds */

package/src/layouts/types/layout.types.ts

@@ -8,7 +8,6 @@ import type { ReactNode } from 'react';
 import type { AuthConfig } from '@djangocfg/api/auth';
 
 // Import provider configs from their modules
-import type { DebugButtonProps } from '@djangocfg/debuger';
 import type { AnalyticsConfig } from '../../snippets/Analytics/types';
 import type { PwaInstallConfig } from '@djangocfg/ui-nextjs/pwa';
 import type { ErrorBoundaryConfig, ErrorTrackingConfig } from '../../components/errors/types';
@@ -81,9 +80,12 @@ export interface BaseLayoutProps {
 }
 
 /** Debug panel config — enabled in development by default, pass enabled: true/false to override */
-export interface DebugConfig extends DebugButtonProps {
+export interface DebugConfig {
   /** Set false to disable, true to force-enable. Default: process.env.NODE_ENV === 'development' */
   enabled?: boolean;
+  className?: string;
+  /** Props forwarded to DebugPanel */
+  panel?: Record<string, unknown>;
 }
 
 /**