@principal-ade/panel-layouts 0.3.5 → 0.3.7

package/dist/index.d.ts

@@ -260,6 +260,43 @@ export declare interface FocusIndicatorProps {
     style?: default_2.CSSProperties;
 }
 
+/**
+ * Overlay component that dims panels during focus mode
+ *
+ * Supports multiple calming animation styles:
+ * - soft-fade: Simple opacity transition
+ * - cascading-fade: Staggered fade-in timing
+ *
+ * Optional effects (can be combined):
+ * - noise: Subtle film grain texture
+ * - vignette-drift: Slow-moving darker edges
+ * - radial-breathing: Gentle center-to-edge pulse
+ */
+export declare const FocusModeOverlay: default_2.FC<FocusModeOverlayProps>;
+
+export declare interface FocusModeOverlayProps {
+    /** Whether the overlay is active/visible */
+    active: boolean;
+    /** Visual style variant */
+    variant?: OverlayVariant;
+    /** Optional subtle animation effects (can combine multiple) */
+    effects?: OverlayEffect[];
+    /** Base opacity when fully visible (0-1), default 0.95 */
+    opacity?: number;
+    /** Animation duration in ms */
+    animationDuration?: number;
+    /** For cascading-fade: delay before this overlay starts (ms) */
+    cascadeDelay?: number;
+    /** Custom overlay color (overrides theme color) */
+    color?: string;
+    /** Hide overlay on hover to allow interaction with underlying panel */
+    hideOnHover?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Custom styles */
+    style?: default_2.CSSProperties;
+}
+
 /**
  * Tool: Focus Panel
  *
@@ -434,6 +471,10 @@ export declare interface OpenAITool {
     function: OpenAIFunction;
 }
 
+export declare type OverlayEffect = 'vignette-drift' | 'radial-breathing' | 'snowfall';
+
+export declare type OverlayVariant = 'soft-fade' | 'cascading-fade';
+
 export { PanelBlurEventPayload }
 
 /**