feat: add ProductGrid component and update dependencies

Author: anilcancakir

README.md

@@ -21,7 +21,7 @@ Or manually add it to your `pubspec.yaml`:
 
 ```yaml
 dependencies:
-  fluttersdk_wind: ^0.0.2
+  fluttersdk_wind: ^0.0.3
 ```
 
 Then, fetch dependencies:

example/lib/demo.dart

@@ -41,6 +41,7 @@ import 'pages/widgets/wflex.dart';
 import 'pages/widgets/wflexcontainer.dart';
 import 'pages/widgets/wflexible.dart';
 import 'pages/widgets/wtext.dart';
+import 'pages/example/product_grid.dart';
 
 class MyApp extends StatelessWidget {
   final Widget Function(BuildContext) appCallback;
@@ -190,6 +191,8 @@ void main() {
               AppLayoutWidget(WContainerWidget()),
           '/layouts/display': (context) =>
               AppLayoutWidget(DisplayLayout()),
+          '/example/product_grid': (context) =>
+              AppLayoutWidget(ProductGrid()),
         },
       );
     },

example/lib/pages/example/product_grid.dart

@@ -0,0 +1,52 @@
+import 'package:flutter/material.dart';
+import 'package:fluttersdk_wind/fluttersdk_wind.dart';
+
+class ProductGrid extends StatelessWidget {
+  const ProductGrid({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: wColor('gray', shade: 200),
+      body: WFlexContainer(
+        className:
+        'flex-col md:flex-row gap-4 p-4',
+        children: [
+          collectionCard(
+              imageUrl: 'https://picsum.photos/400/300',
+              title: 'Desk and Office',
+              description: 'Work from home accessories'),
+          collectionCard(
+              imageUrl: 'https://picsum.photos/400/300',
+              title: 'Self-Improvement',
+              description: 'Journals and note-taking'),
+          collectionCard(
+              imageUrl: 'https://picsum.photos/400/300',
+              title: 'Travel',
+              description: 'Daily commute essentials')
+        ],
+      ),
+    );
+  }
+
+  Widget collectionCard({
+    required String imageUrl,
+    required String title,
+    required String description,
+  }) {
+    return WFlexContainer(
+      className: 'flex-1 flex-col gap-2',
+      children: [
+        WContainer(
+          className: 'rounded-lg bg-white',
+          child: Image.network(
+            'https://picsum.photos/400/300',
+            fit: BoxFit.cover,
+          ),
+        ),
+        WText(title, className: 'text-base font-bold text-gray-900'),
+        WText(description, className: 'text-sm text-gray-500'),
+      ],
+    );
+  }
+}

lib/src/parsers/background_color_parser.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
-import 'package:fluttersdk_wind/fluttersdk_wind.dart';
 
+import '../helpers.dart';
 import '../theme/wind_theme.dart';
 import 'screens_parser.dart';
 

lib/src/parsers/text_color_parser.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
-import 'package:fluttersdk_wind/fluttersdk_wind.dart';
 
+import '../helpers.dart';
 import '../theme/wind_theme.dart';
 import 'screens_parser.dart';