Core Interfaces

🛠️ TRANSLUX Interfaces

The TRANSLUX system provides strictly typed TypeScript interfaces.

`TransluxEffect`

interface TransluxEffect {
  target: HTMLElement;
  state: 'IDLE' | 'OBSERVED' | 'ENGAGED' | 'INTERACTING';
  options: TransluxOptions;

  // Lifecycle
  mount(): void;
  unmount(): void;

  // State
  transition(trigger: FSMTrigger): void;
}

`TransluxOptions`

By keeping configuration purely data-driven, you enable hot-swapping design tokens across multiple themes (e.g., Pink Mode vs Dark Glass).

interface TransluxOptions {
  blurRadius?: number; // fallback: 16
  saturation?: number; // fallback: 140
  borderColor?: string;
  shadowIntensity?: number;
}