AnimatedFormSlot<T> class

AnimatedFormSlot - Reactive form field with built-in animations.

Provides animated feedback for form field states including validation, focus, and error animations. Supports shake on error, pulse on success, and smooth error message transitions.

Example:

class LoginController extends NeuronController {
  late final email = Signal<String>('').bind(this);
  late final emailError = Signal<String?>('').bind(this);
  late final emailFocused = Signal<bool>(false).bind(this);

  static final _emailRegex = RegExp(
    r'^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$',
  );

  String? validateEmail(String value) {
    if (value.isEmpty) return 'Email is required';
    if (!_emailRegex.hasMatch(value)) return 'Invalid email format';
    return null;
  }
}

// In your widget:
AnimatedFormSlot<String>(
  connect: controller.email,
  validator: controller.validateEmail,
  errorSignal: controller.emailError,
  focusedSignal: controller.emailFocused,
  errorEffect: FormAnimationEffect.shake,
  successEffect: FormAnimationEffect.pulse,
  to: (context, value, validation, isFocused) => TextField(
    onChanged: (v) => controller.email.emit(v),
    decoration: InputDecoration(
      labelText: 'Email',
      errorText: validation.errorMessage,
      border: OutlineInputBorder(
        borderSide: BorderSide(
          color: validation.isValid ? Colors.green : Colors.red,
        ),
      ),
    ),
  ),
)