NodeFlowTheme({
  required NodeTheme nodeTheme,
  required ConnectionTheme connectionTheme,
  required ConnectionTheme temporaryConnectionTheme,
  Duration connectionAnimationDuration = const Duration(seconds: 2),
  required PortTheme portTheme,
  required LabelTheme labelTheme,
  required AnnotationTheme annotationTheme,
  required GridTheme gridTheme,
  required SelectionTheme selectionTheme,
  required CursorTheme cursorTheme,
  Color backgroundColor = Colors.white,
  bool debugMode = false,
  DebugTheme debugTheme = DebugTheme.light,
})

// Light theme
NodeFlowTheme.light

// Dark theme
NodeFlowTheme.dark

final customTheme = NodeFlowTheme.light.copyWith(
  backgroundColor: Colors.grey[50],
  nodeTheme: NodeTheme.light.copyWith(
    backgroundColor: Colors.blue[50],
  ),
);

NodeTheme({
  required Color backgroundColor,
  required Color selectedBackgroundColor,
  required Color borderColor,
  required Color selectedBorderColor,
  required double borderWidth,
  required double selectedBorderWidth,
  required BorderRadius borderRadius,
  required List<BoxShadow> shadow,
  required List<BoxShadow> selectedShadow,
})

NodeTheme.light
NodeTheme.dark

NodeTheme(
  backgroundColor: Colors.white,
  selectedBackgroundColor: Colors.blue[50]!,
  borderColor: Colors.grey[300]!,
  selectedBorderColor: Colors.blue,
  borderWidth: 1,
  selectedBorderWidth: 2,
  borderRadius: BorderRadius.circular(8),
  shadow: [
    BoxShadow(
      color: Colors.black12,
      blurRadius: 4,
      offset: Offset(0, 2),
    ),
  ],
  selectedShadow: [
    BoxShadow(
      color: Colors.blue.withOpacity(0.3),
      blurRadius: 8,
      offset: Offset(0, 2),
    ),
  ],
)

ConnectionTheme({
  required ConnectionStyle style,
  required Color color,
  required Color selectedColor,
  required double strokeWidth,
  required double selectedStrokeWidth,
  List<double>? dashPattern,
  required ConnectionEndPoint startPoint,
  required ConnectionEndPoint endPoint,
  required Color endpointColor,
  required Color endpointBorderColor,
  required double endpointBorderWidth,
  ConnectionEffect? animationEffect,
  required double bezierCurvature,
  required double cornerRadius,
  required double portExtension,
  required double backEdgeGap,
  required double hitTolerance,
  double startGap = 0.0,
  double endGap = 0.0,
})

ConnectionTheme.light
ConnectionTheme.dark

ConnectionEndPoint({
  required MarkerShape shape,
  Size? size,
  Color? color,
  Color? borderColor,
  double? borderWidth,
})

// Built-in constants
ConnectionEndPoint.none       // No marker
ConnectionEndPoint.capsuleHalf // Capsule half shape (default for end)
ConnectionEndPoint.triangle   // Arrow/triangle

PortTheme({
  required Size size,
  required Color color,
  required Color connectedColor,
  required Color snappingColor,
  required Color borderColor,
  required double borderWidth,
  MarkerShape shape = MarkerShapes.capsuleHalf,
  bool showLabel = false,
  TextStyle? labelTextStyle,
  double labelOffset = 4.0,
  double labelVisibilityThreshold = 0.5,
  Color highlightBorderColor = const Color(0xFF000000),
  double highlightBorderWidthDelta = 1.5,
})

PortTheme.light
PortTheme.dark

GridTheme({
  required GridStyle style,
  required Color color,
  required double size,
  required double thickness,
})

GridTheme.light
GridTheme.dark

GridTheme(
  style: GridStyles.dots,
  color: Colors.grey[300]!,
  size: 20,
  thickness: 1,
)

LabelTheme({
  required TextStyle textStyle,
  required Color backgroundColor,
  required EdgeInsets padding,
  required BorderRadius borderRadius,
  Border? border,
})

LabelTheme.light
LabelTheme.dark

LabelTheme(
  textStyle: TextStyle(fontSize: 12, color: Colors.black87),
  backgroundColor: Colors.white,
  padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
  borderRadius: BorderRadius.circular(4),
  border: Border.all(color: Colors.grey[300]!),
)

SelectionTheme({
  required Color fillColor,
  required Color borderColor,
  required double borderWidth,
})

SelectionTheme.light
SelectionTheme.dark

AnnotationTheme({
  required Color selectionColor,
  required double selectionBorderWidth,
  // Additional properties for sticky notes, groups, markers
})

AnnotationTheme.light
AnnotationTheme.dark

CursorTheme({
  required MouseCursor defaultCursor,
  required MouseCursor grabbingCursor,
  required MouseCursor moveCursor,
  required MouseCursor resizeCursor,
  // Additional cursor configurations
})

CursorTheme.light
CursorTheme.dark

DebugTheme({
  required Color gridColor,
  required Color cellColor,
  required Color textColor,
  // Additional debug styling properties
})

DebugTheme.light
DebugTheme.dark

// In your Theme widget
Theme(
  data: ThemeData.light().copyWith(
    extensions: [NodeFlowTheme.light],
  ),
  child: MyApp(),
)

// Access in widgets
final flowTheme = Theme.of(context).extension<NodeFlowTheme>()!;