feat: Add support for the Divider widget

examples/mirai_gallery/assets/json/divider_example.json

@@ -0,0 +1,39 @@
+{
+  "type": "scaffold",
+  "appBar": {
+    "type": "appBar",
+    "title": {
+      "type": "text",
+      "data": "Divider"
+    }
+  },
+  "body": {
+    "type": "listView",
+    "children": [{
+      "type": "divider",
+      "thickness": 5,
+      "height": 5,
+      "color": "#672BFF"
+    },
+      {
+        "type": "sizedBox",
+        "height": 20
+      },
+      {
+        "type": "divider",
+        "thickness": 3,
+        "height": 3,
+        "color": "#FC5632"
+      },
+      {
+        "type": "sizedBox",
+        "height": 20
+      },
+      {
+        "type": "divider",
+        "thickness": 2,
+        "height": 2,
+        "color": "#32FC88"
+      }]
+  }
+}

examples/mirai_gallery/assets/json/home_screen.json

@@ -1319,6 +1319,40 @@
       }
     }
   },
+  {
+    "type": "listTile",
+    "leading": {
+      "type": "icon",
+      "iconType": "material",
+      "icon": "star"
+    },
+    "title": {
+      "type": "text",
+      "data": "Mirai Divider",
+      "align": "center",
+      "style": {
+        "fontSize": 21
+      }
+    },
+    "subtitle": {
+      "type": "text",
+      "data": "A Material Design Divider widget",
+      "align": "center",
+      "style": {
+        "fontSize": 12
+      }
+    },
+    "isThreeLine": false,
+    "style": "list",
+    "onTap": {
+      "actionType": "navigate",
+      "navigationStyle": "push",
+      "widgetJson": {
+        "type": "exampleScreen",
+        "assetPath": "assets/json/divider_example.json"
+      }
+    }
+  },
   {
     "type": "sizedBox",
     "height": 24.0

packages/mirai/lib/src/framework/mirai.dart

@@ -7,6 +7,7 @@ import 'package:flutter/services.dart';
 import 'package:mirai/src/action_parsers/action_parsers.dart';
 import 'package:mirai/src/action_parsers/mirai_network_request/mirai_network_request_parser.dart';
 import 'package:mirai/src/framework/mirai_registry.dart';
+import 'package:mirai/src/parsers/mirai_divider/mirai_divider_parser.dart';
 import 'package:mirai/src/parsers/parsers.dart';
 import 'package:mirai/src/services/mirai_network_service.dart';
 import 'package:mirai/src/utils/log.dart';
@@ -82,6 +83,7 @@ class Mirai {
     const MiraiTableCellParser(),
     const MiraiCarouselViewParser(),
     const MiraiColoredBoxParser(),
+    const MiraiDividerParser()
   ];
 
   static final _actionParsers = <MiraiActionParser>[

packages/mirai/lib/src/parsers/mirai_divider/mirai_divider.dart

@@ -0,0 +1,16 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'mirai_divider.freezed.dart'; // Auto-generated Freezed file
+part 'mirai_divider.g.dart'; // Auto-generated JSON serialization file
+
+@freezed
+class MiraiDivider with _$MiraiDivider {
+  const factory MiraiDivider({
+    double? thickness,
+    double? height,
+    String? color,
+  }) = _MiraiDivider;
+
+  factory MiraiDivider.fromJson(Map<String, dynamic> json) =>
+      _$MiraiDividerFromJson(json);
+}

packages/mirai/lib/src/parsers/mirai_divider/mirai_divider_parser.dart

@@ -0,0 +1,24 @@
+import 'package:flutter/material.dart';
+import 'package:mirai/mirai.dart';
+import 'package:mirai/src/utils/widget_type.dart';
+
+class MiraiDividerParser extends MiraiParser<MiraiDivider> {
+  const MiraiDividerParser();
+
+  @override
+  MiraiDivider getModel(Map<String, dynamic> json) {
+    return MiraiDivider.fromJson(json);
+  }
+
+  @override
+  Widget parse(BuildContext context, MiraiDivider model) {
+    return Divider(
+      thickness: model.thickness,
+      color: model.color.toColor(context),
+      height: model.height,
+    );
+  }
+
+  @override
+  String get type => WidgetType.divider.name;
+}

packages/mirai/lib/src/parsers/parsers.dart

@@ -28,6 +28,7 @@ export 'package:mirai/src/parsers/mirai_container/mirai_container.dart';
 export 'package:mirai/src/parsers/mirai_default_bottom_navigation_controller/mirai_default_bottom_navigation_controller.dart';
 export 'package:mirai/src/parsers/mirai_default_tab_controller/mirai_default_tab_controller.dart';
 export 'package:mirai/src/parsers/mirai_dialog_theme/mirai_dialog_theme.dart';
+export 'package:mirai/src/parsers/mirai_divider/mirai_divider.dart';
 export 'package:mirai/src/parsers/mirai_edge_insets/mirai_edge_insets.dart';
 export 'package:mirai/src/parsers/mirai_elevated_button/mirai_elevated_button.dart';
 export 'package:mirai/src/parsers/mirai_expanded/mirai_expanded.dart';

packages/mirai/lib/src/utils/widget_type.dart

@@ -53,4 +53,5 @@ enum WidgetType {
   tableCell,
   carouselView,
   coloredBox,
+  divider
 }