feat: Add support for border side in BoxDecoration (#291)

* feat: Add support for border side in BoxDecoration

* Fix notes

---------

Co-authored-by: Divyanshu Bhargava <[email protected]>

Author: MohamedAbd0

packages/stac/lib/src/parsers/widgets/stac_border/stac_border.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:freezed_annotation/freezed_annotation.dart';
+import 'package:stac/src/parsers/widgets/stac_border_side/stac_border_side.dart';
 import 'package:stac/src/parsers/widgets/stac_double/stac_double.dart';
 import 'package:stac/src/utils/color_utils.dart';
 
@@ -9,10 +10,16 @@ part 'stac_border.g.dart';
 @freezed
 abstract class StacBorder with _$StacBorder {
   const factory StacBorder({
+    // Uniform border properties (applies to all sides)
     String? color,
     @Default(BorderStyle.solid) BorderStyle borderStyle,
     @Default(StacDouble(1.0)) StacDouble width,
     @Default(StacDouble(BorderSide.strokeAlignInside)) StacDouble strokeAlign,
+    // Individual border sides
+    StacBorderSide? top,
+    StacBorderSide? right,
+    StacBorderSide? bottom,
+    StacBorderSide? left,
   }) = _StacBorder;
 
   factory StacBorder.fromJson(Map<String, dynamic> json) =>
@@ -21,11 +28,26 @@ abstract class StacBorder with _$StacBorder {
 
 extension StacBorderParser on StacBorder {
   Border parse(BuildContext context) {
-    return Border.all(
-      color: color.toColor(context) ?? const Color(0xFF000000),
-      width: width.parse,
-      style: borderStyle,
-      strokeAlign: strokeAlign.parse,
-    );
+    // Check if individual border sides are specified
+    final hasIndividualSides =
+        top != null || right != null || bottom != null || left != null;
+
+    if (hasIndividualSides) {
+      // Use individual border sides
+      return Border(
+        top: top.parse(context),
+        right: right.parse(context),
+        bottom: bottom.parse(context),
+        left: left.parse(context),
+      );
+    } else {
+      // Fall back to uniform border behavior for all sides
+      return Border.all(
+        color: color.toColor(context) ?? const Color(0xFF000000),
+        width: width.parse,
+        style: borderStyle,
+        strokeAlign: strokeAlign.parse,
+      );
+    }
   }
 }