============================================================================ ADVANCED ANIMATION SLOTS

AnimatedValueSlot - Interpolates numeric values with smooth animations.

Unlike AnimatedSlot which switches widgets, this animates the VALUE itself. Perfect for counters, progress indicators, and numeric displays.

Example:

class ScoreController extends NeuronController {
  late final score = Signal<double>(0.0).bind(this);
}

// Animate the number smoothly:
AnimatedValueSlot<double>(
  connect: controller.score,
  duration: Duration(milliseconds: 800),
  curve: Curves.easeOutCubic,
  to: (ctx, animatedValue) => Text(
    animatedValue.toStringAsFixed(0),
    style: TextStyle(fontSize: 48),
  ),
)

// With formatting:
AnimatedValueSlot<double>(
  connect: controller.percentage,
  format: (val) => '${val.toStringAsFixed(1)}%',
  to: (ctx, formatted) => Text(formatted),
)