refactor: Add in code documentation and rename params for each component

examples/todo_list/macos/Runner/AppDelegate.swift

@@ -1,7 +1,7 @@
 import Cocoa
 import FlutterMacOS
 
-@NSApplicationMain
+@main
 class AppDelegate: FlutterAppDelegate {
   override func applicationShouldTerminateAfterLastWindowClosed(_ sender: NSApplication) -> Bool {
     return true

packages/remix/demo/lib/components/button_use_case.dart

@@ -16,32 +16,44 @@ Widget buildButtonUseCase(BuildContext context) {
     key: _key,
     child: Scaffold(
       body: Center(
-        child: Button(
-          variants: [
-            context.knobs.variant(FortalezaButtonStyle.variants),
-          ],
-          label: context.knobs.string(
-            label: 'Title',
-            initialValue: 'Button',
-          ),
-          onPressed: () {},
-          disabled: context.knobs.boolean(
-            label: 'Disabled',
-            initialValue: false,
-          ),
-          loading: context.knobs.boolean(
-            label: 'loading',
-            initialValue: false,
-          ),
-          iconLeft: context.knobs.iconData(
-            label: 'Icon left',
-            initialValue: null,
-          ),
-          iconRight: context.knobs.iconData(
-            label: 'Icon right',
-            initialValue: null,
-          ),
-        ),
+        child: Builder(builder: (context) {
+          return Button(
+            variants: [
+              context.knobs.variant(FortalezaButtonStyle.variants),
+            ],
+            label: context.knobs.string(
+              label: 'Title',
+              initialValue: 'Button',
+            ),
+            onPressed: () {
+              showToast(
+                context: context,
+                entry: ToastEntry(
+                  showDuration: const Duration(milliseconds: 800),
+                  builder: (context, actions) => const Toast(
+                    title: 'Button pressed',
+                  ),
+                ),
+              );
+            },
+            disabled: context.knobs.boolean(
+              label: 'Disabled',
+              initialValue: false,
+            ),
+            loading: context.knobs.boolean(
+              label: 'loading',
+              initialValue: false,
+            ),
+            iconLeft: context.knobs.iconData(
+              label: 'Icon left',
+              initialValue: null,
+            ),
+            iconRight: context.knobs.iconData(
+              label: 'Icon right',
+              initialValue: null,
+            ),
+          );
+        }),
       ),
     ),
   );

packages/remix/demo/lib/components/icon_button_use_case.dart

@@ -4,6 +4,7 @@ import 'package:flutter/widgets.dart';
 import 'package:remix/remix.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
+
 import '../helpers/knob_builder.dart';
 
 final _key = GlobalKey();
@@ -17,21 +18,32 @@ Widget buildButtonUseCase(BuildContext context) {
     key: _key,
     child: Scaffold(
       body: Center(
-        child: IconButton(
-          m.Icons.add,
-          variants: [
-            context.knobs.variant(FortalezaIconButtonStyle.variants),
-          ],
-          onPressed: () {},
-          disabled: context.knobs.boolean(
-            label: 'Disabled',
-            initialValue: false,
-          ),
-          loading: context.knobs.boolean(
-            label: 'loading',
-            initialValue: false,
-          ),
-        ),
+        child: Builder(builder: (context) {
+          return IconButton(
+            m.Icons.add,
+            variants: [
+              context.knobs.variant(FortalezaIconButtonStyle.variants),
+            ],
+            onPressed: () {
+              showToast(
+                context: context,
+                entry: ToastEntry(
+                  showDuration: const Duration(milliseconds: 800),
+                  builder: (context, actions) =>
+                      const Toast(title: 'Button pressed'),
+                ),
+              );
+            },
+            disabled: context.knobs.boolean(
+              label: 'Disabled',
+              initialValue: false,
+            ),
+            loading: context.knobs.boolean(
+              label: 'loading',
+              initialValue: false,
+            ),
+          );
+        }),
       ),
     ),
   );

packages/remix/lib/remix.dart

@@ -42,8 +42,8 @@ export 'src/components/select/select.dart';
 export 'src/components/slider/slider.dart';
 export 'src/components/spinner/spinner.dart';
 export 'src/components/switch/switch.dart';
-export 'src/components/toast/toast.dart';
 export 'src/components/textfield/textfield.dart';
+export 'src/components/toast/toast.dart';
 
 /// HELPERS
 export 'src/helpers/color_palette.dart';

packages/remix/lib/src/components/accordion/accordion.dart

@@ -16,28 +16,25 @@ part 'header/accordion_header_spec_widget.dart';
 
 @MixableSpec()
 base class AccordionSpec extends Spec<AccordionSpec> with _$AccordionSpec {
-  final BoxSpec container;
   @MixableProperty(dto: MixableFieldDto(type: 'AccordionHeaderSpecAttribute'))
   final AccordionHeaderSpec header;
   final BoxSpec contentContainer;
-  final FlexSpec flex;
   final TextSpec textContent;
+  final FlexBoxSpec flexContainer;
 
   /// {@macro accordion_spec_of}
   static const of = _$AccordionSpec.of;
 
   static const from = _$AccordionSpec.from;
 
   const AccordionSpec({
-    BoxSpec? container,
+    FlexBoxSpec? flexContainer,
     AccordionHeaderSpec? header,
     BoxSpec? contentContainer,
-    FlexSpec? flex,
     TextSpec? textContent,
     super.animated,
-  })  : container = container ?? const BoxSpec(),
+  })  : flexContainer = flexContainer ?? const FlexBoxSpec(),
         header = header ?? const AccordionHeaderSpec(),
         contentContainer = contentContainer ?? const BoxSpec(),
-        flex = flex ?? const FlexSpec(),
         textContent = textContent ?? const TextSpec();
 }