toast

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

@@ -1,4 +1,3 @@
-import 'package:demo/helpers/knob_builder.dart';
 import 'package:flutter/widgets.dart';
 import 'package:remix/remix.dart';
 import 'package:widgetbook/widgetbook.dart';
@@ -12,13 +11,13 @@ Widget buildAvatarUseCase(BuildContext context) {
   return Scaffold(
     body: Center(
       child: Badge(
-        variants: [
-          context.knobs.variant(FortalezaBadgeStyle.variants),
-        ],
         label: context.knobs.string(
           label: 'Label',
           initialValue: 'New',
         ),
+        variants: const [
+          // context.knobs.variant(FortalezaBadgeStyle.variants),
+        ],
       ),
     ),
   );

packages/remix/lib/src/components/button/button_widget.dart

@@ -17,17 +17,10 @@ class Button extends StatelessWidget {
   /// The text content displayed in the center of the button.
   final String label;
 
-  /// {@template remix.component.disabled}
-  /// When disabled, the component will not respond to user interaction and will
-  /// appear visually distinct to indicate its disabled state.
-  /// {@endtemplate}
+  /// {@macro remix.component.disabled}
   final bool disabled;
 
-  /// {@template remix.component.loading}
-  /// When loading, the component will display a spinner and disable user
-  /// interaction. The component's content will be hidden but maintain its
-  /// space to prevent layout shifts.
-  /// {@endtemplate}
+  /// {@macro remix.component.loading}
   final bool loading;
 
   /// The icon displayed in the left side of the button.
@@ -36,11 +29,7 @@ class Button extends StatelessWidget {
   /// The icon displayed in the right side of the button.
   final IconData? iconRight;
 
-  /// {@template remix.component.onPressed}
-  /// Called when the component is tapped.
-  /// If null or if [disabled] is true, the component will be disabled and won't
-  /// respond to touch.
-  /// {@endtemplate}
+  /// {@macro remix.component.onPressed}
   final VoidCallback? onPressed;
 
   /// A builder that returns a [Widget] for the button's spinner.

packages/remix/lib/src/components/chip/chip_widget.dart

@@ -25,11 +25,7 @@ class Chip extends StatefulWidget {
   /// The icon displayed in the right side of the component.
   final IconData? iconRight;
 
-  /// {@template remix.component.onChanged}
-  /// Called when the component is tapped.
-  /// If null or if [disabled] is true, the component will be disabled and won't
-  /// respond to touch.
-  /// {@endtemplate}
+  /// {@macro remix.component.onChanged}
   final void Function(bool)? onChanged;
 
   /// {@macro remix.component.disabled}

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

@@ -16,7 +16,7 @@ part 'menu_item_widget.dart';
 class MenuItemSpec extends Spec<MenuItemSpec>
     with _$MenuItemSpec, Diagnosticable {
   final FlexBoxSpec container;
-  final FlexSpec titleSubtitleContainer;
+  final FlexBoxSpec titleSubtitleContainer;
   final IconSpec icon;
   final TextSpec title;
   final TextSpec subtitle;
@@ -28,14 +28,14 @@ class MenuItemSpec extends Spec<MenuItemSpec>
 
   const MenuItemSpec({
     FlexBoxSpec? container,
-    FlexSpec? titleSubtitleContainer,
+    FlexBoxSpec? titleSubtitleContainer,
     IconSpec? icon,
     TextSpec? title,
     TextSpec? subtitle,
     super.modifiers,
     super.animated,
   })  : container = container ?? const FlexBoxSpec(),
-        titleSubtitleContainer = titleSubtitleContainer ?? const FlexSpec(),
+        titleSubtitleContainer = titleSubtitleContainer ?? const FlexBoxSpec(),
         icon = icon ?? const IconSpec(),
         title = title ?? const TextSpec(),
         subtitle = subtitle ?? const TextSpec();

packages/remix/lib/src/components/menu_item/menu_item_style.dart

@@ -8,11 +8,11 @@ class MenuItemStyle extends SpecStyle<MenuItemSpecUtility> {
     final $ = spec.utilities;
 
     final titleSubtitleContainer = $.titleSubtitleContainer.chain
-      ..mainAxisAlignment.start()
-      ..crossAxisAlignment.start()
-      ..mainAxisSize.min()
+      ..flex.mainAxisAlignment.start()
+      ..flex.crossAxisAlignment.start()
+      ..flex.mainAxisSize.min()
       ..wrap.expanded()
-      ..gap(4.0);
+      ..flex.gap(4.0);
 
     final title = $.title.style.fontSize(14.0);
 

packages/remix/lib/src/components/menu_item/menu_item_theme.dart

@@ -8,7 +8,7 @@ class FortalezaMenuItemStyle extends MenuItemStyle {
     final $ = spec.utilities;
 
     final baseStyle = super.makeStyle(spec);
-    final titleSubtitleLayout = $.titleSubtitleContainer.chain..gap.$space(1);
+    final titleSubtitleLayout = $.titleSubtitleContainer.flex.gap.$space(1);
 
     final title = $.title.chain
       ..style.$text(2)

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

@@ -53,8 +53,8 @@ class TextFieldSpec extends Spec<TextFieldSpec>
   final Brightness keyboardAppearance;
   final Color? autocorrectionTextRectColor;
 
-  final FlexBoxSpec flexContainer;
-  final FlexSpec mainFlex;
+  final FlexBoxSpec textFieldContainer;
+  final FlexBoxSpec container;
   final TextStyle? hintTextStyle;
   final TextSpec helperText;
   final IconSpec icon;
@@ -89,8 +89,8 @@ class TextFieldSpec extends Spec<TextFieldSpec>
     Brightness? keyboardAppearance,
     this.autocorrectionTextRectColor,
     bool? cursorOpacityAnimates,
-    FlexBoxSpec? flexContainer,
-    FlexSpec? mainFlex,
+    FlexBoxSpec? textFieldContainer,
+    FlexBoxSpec? container,
     this.hintTextStyle,
     TextSpec? helperText,
     IconSpec? icon,
@@ -114,9 +114,9 @@ class TextFieldSpec extends Spec<TextFieldSpec>
         scrollPadding = scrollPadding ?? const EdgeInsets.all(20.0),
         clipBehavior = clipBehavior ?? Clip.hardEdge,
         keyboardAppearance = keyboardAppearance ?? Brightness.light,
-        flexContainer = flexContainer ?? const FlexBoxSpec(),
+        textFieldContainer = textFieldContainer ?? const FlexBoxSpec(),
         helperText = helperText ?? const TextSpec(),
-        mainFlex = mainFlex ?? const FlexSpec(),
+        container = container ?? const FlexBoxSpec(),
         icon = icon ?? const IconSpec(),
         floatingLabel = floatingLabel ?? false,
         floatingLabelHeight = floatingLabelHeight ?? 14;