packages/wyatt_bloc_layout/example/lib/components/theme_components.dart

@@ -5,10 +5,10 @@ import 'package:bloc_layout_example/components/custom_loading_widget.dart';
 import 'package:wyatt_ui_components/wyatt_ui_components.dart';
 
 abstract class AppThemeComponent {
-  static const ComponentThemeData components = ComponentThemeData.raw(
+  static ComponentThemeData components = ComponentThemeData.raw(
-    topAppBar: CustomAppBar(),
+    topAppBars: const CustomAppBar().registry(),
-    bottomNavigationBar: CustomBottomBar(),
+    bottomNavigationBars: const CustomBottomBar().registry(),
-    loader: CustomLoadingWidget(),
+    loaders: const CustomLoadingWidget().registry(),
-    error: CustomErrorWidget(),
+    errors: const CustomErrorWidget().registry(),
   );
 }

packages/wyatt_bloc_layout/lib/src/core/crud_cubit_consumer_screen_mixin.dart

@@ -23,12 +23,13 @@ import 'package:wyatt_ui_components/wyatt_ui_components.dart';
 mixin CrudMixin<Cubit extends bloc_base.Cubit<dynamic>,
     SuccessState extends CrudSuccess> {
   Widget errorBuilder(BuildContext context, CrudError state) =>
-      context.components.errorComponent.call(
+      context.components.errorComponent().call(
-        message: (state.message != null) ? TextWrapper(state.message!) : null,
+            message:
+                (state.message != null) ? TextWrapper(state.message!) : null,
           );
 
   Widget loadingBuilder(BuildContext context, CrudLoading state) =>
-      context.components.loader ?? const SizedBox.shrink();
+      context.components.loaderComponent()();
 
   Widget initialBuilder(BuildContext context, CrudInitial state) =>
       const SizedBox.shrink();

packages/wyatt_bloc_layout/lib/src/presentation/bottom_navigation_bar_bloc_layout/bottom_navigation_bar_grid_layout_cubit_screen_crud_list.dart

@@ -24,7 +24,8 @@ abstract class BottomNavigationBarGridLayoutCubitScreenCrudList<
     with GridLayoutMixin<SuccessType> {
   const BottomNavigationBarGridLayoutCubitScreenCrudList({
     super.custom,
-    super.height = 60,
+    super.barId,
+    super.scaffoldFieldsWrapper,
     super.key,
   });
 }

packages/wyatt_bloc_layout/lib/src/presentation/bottom_navigation_bar_bloc_layout/bottom_navigation_bar_layout_cubit_screen.dart

@@ -26,18 +26,21 @@ abstract class BottomNavigationBarLayoutCubitScreen<
     State extends Object> extends CubitScreenBase<Cubit, State> {
   const BottomNavigationBarLayoutCubitScreen({
     this.custom,
-    this.height = 60,
+    this.barId,
+    this.scaffoldFieldsWrapper,
     super.key,
   });
 
-  final double height;
+  final ComponentCallBack<BottomNavigationBarComponent>? custom;
-  final BottomNavigationBarComponent? Function(BottomNavigationBarComponent?)?
+  final ScaffoldFieldsWrapper? scaffoldFieldsWrapper;
-      custom;
+  final String? barId;
 
   @override
   Widget parent(BuildContext context, Widget child) =>
-      BottomNavigationBarLayout(
+      StructuralLayout.withBottomNavBar(
         custom: custom,
+        barId: barId,
+        scaffoldFieldsWrapper: scaffoldFieldsWrapper,
         body: child,
       );
 }

packages/wyatt_bloc_layout/lib/src/presentation/bottom_navigation_bar_bloc_layout/bottom_navigation_bar_layout_cubit_screen_crud.dart

@@ -26,7 +26,8 @@ abstract class BottomNavigationBarLayoutCubitScreenCrud<
     with CrudMixin<Cubit, CrudSuccessState> {
   const BottomNavigationBarLayoutCubitScreenCrud({
     super.custom,
-    super.height,
+    super.barId,
+    super.scaffoldFieldsWrapper,
     super.key,
   });
 

packages/wyatt_bloc_layout/lib/src/presentation/bottom_navigation_bar_bloc_layout/bottom_navigation_bar_layout_cubit_screen_crud_item.dart

@@ -24,7 +24,8 @@ abstract class BottomNavigationBarLayoutCubitScreenCrudItem<
         CrudLoaded<SuccessType>> {
   const BottomNavigationBarLayoutCubitScreenCrudItem({
     super.custom,
-    super.height = 60,
+    super.barId,
+    super.scaffoldFieldsWrapper,
     super.key,
   });
 }

packages/wyatt_bloc_layout/lib/src/presentation/bottom_navigation_bar_bloc_layout/bottom_navigation_bar_layout_cubit_screen_crud_list.dart

@@ -24,7 +24,8 @@ abstract class BottomNavigationBarLayoutCubitScreenCrudList<
         CrudListLoaded<SuccessType>> {
   const BottomNavigationBarLayoutCubitScreenCrudList({
     super.custom,
-    super.height = 60,
+    super.barId,
+    super.scaffoldFieldsWrapper,
     super.key,
   });
 }

packages/wyatt_bloc_layout/lib/src/presentation/frame_bloc_layout/frame_grid_layout_cubit_screen_crud_list.dart

@@ -25,7 +25,11 @@ abstract class FrameLayoutGridCubitScreenCrudList<
   const FrameLayoutGridCubitScreenCrudList({
     super.customAppBar,
     super.customBottomNavBar,
-    super.height = 60,
+    super.floatingActionButtonId,
+    super.height,
+    super.appBarId,
+    super.bottomNavBarId,
+    super.customFloatingActionButton,
     super.scaffoldFieldsWrapper,
     super.key,
   });

packages/wyatt_bloc_layout/lib/src/presentation/frame_bloc_layout/frame_layout_cubit_screen.dart

@@ -26,21 +26,34 @@ abstract class FrameLayoutCubitScreen<Cubit extends bloc_base.Cubit<State>,
   const FrameLayoutCubitScreen({
     this.customAppBar,
     this.customBottomNavBar,
+    this.customFloatingActionButton,
+    this.appBarId,
+    this.bottomNavBarId,
+    this.floatingActionButtonId,
     this.scaffoldFieldsWrapper,
     this.height = 60,
     super.key,
   });
 
-  final TopAppBarComponent? Function(TopAppBarComponent?)? customAppBar;
+  final ComponentCallBack<TopAppBarComponent>? customAppBar;
-  final BottomNavigationBarComponent? Function(BottomNavigationBarComponent?)?
+  final ComponentCallBack<BottomNavigationBarComponent>? customBottomNavBar;
-      customBottomNavBar;
+  final ComponentCallBack<FloatingActionButtonComponent>?
+      customFloatingActionButton;
+  final String? appBarId;
+  final String? bottomNavBarId;
+  final String? floatingActionButtonId;
   final double height;
   final ScaffoldFieldsWrapper? scaffoldFieldsWrapper;
 
   @override
-  Widget parent(BuildContext context, Widget child) => FrameLayout(
+  Widget parent(BuildContext context, Widget child) =>
+      StructuralLayout.withFrame(
         customAppBar: customAppBar,
         customBottomNavBar: customBottomNavBar,
+        customFloatingActionButton: customFloatingActionButton,
+        appBarId: appBarId,
+        bottomNavBarId: bottomNavBarId,
+        floatingActionButtonId: floatingActionButtonId,
         height: height,
         scaffoldFieldsWrapper: scaffoldFieldsWrapper,
         body: child,

packages/wyatt_bloc_layout/lib/src/presentation/frame_bloc_layout/frame_layout_cubit_screen_crud.dart

@@ -27,9 +27,13 @@ abstract class FrameLayoutCubitScreenCrud<
   const FrameLayoutCubitScreenCrud({
     super.customAppBar,
     super.customBottomNavBar,
+    super.floatingActionButtonId,
     super.height,
-    super.key,
+    super.appBarId,
+    super.bottomNavBarId,
+    super.customFloatingActionButton,
     super.scaffoldFieldsWrapper,
+    super.key,
   });
 
   @override

packages/wyatt_bloc_layout/lib/src/presentation/frame_bloc_layout/frame_layout_cubit_screen_crud_item.dart

@@ -24,7 +24,11 @@ abstract class FrameLayoutCubitScreenCrudItem<
   const FrameLayoutCubitScreenCrudItem({
     super.customAppBar,
     super.customBottomNavBar,
-    super.height = 60,
+    super.floatingActionButtonId,
+    super.height,
+    super.appBarId,
+    super.bottomNavBarId,
+    super.customFloatingActionButton,
     super.scaffoldFieldsWrapper,
     super.key,
   });

packages/wyatt_bloc_layout/lib/src/presentation/frame_bloc_layout/frame_layout_cubit_screen_crud_list.dart

@@ -24,7 +24,11 @@ abstract class FrameLayoutCubitScreenCrudList<
   const FrameLayoutCubitScreenCrudList({
     super.customAppBar,
     super.customBottomNavBar,
-    super.height = 60,
+    super.floatingActionButtonId,
+    super.height,
+    super.appBarId,
+    super.bottomNavBarId,
+    super.customFloatingActionButton,
     super.scaffoldFieldsWrapper,
     super.key,
   });

packages/wyatt_bloc_layout/lib/src/presentation/structural_bloc_layout.dart

@@ -0,0 +1 @@
+

packages/wyatt_bloc_layout/lib/src/presentation/top_app_bar_bloc_layout/top_app_bar_grid_layout_cubit_screen_crud_list.dart

@@ -25,6 +25,8 @@ abstract class TopAppBarGridLayoutCubitScreenCrudList<
   const TopAppBarGridLayoutCubitScreenCrudList({
     super.custom,
     super.height = 60,
+    super.barId,
+    super.scaffoldFieldsWrapper,
     super.key,
   });
 }

packages/wyatt_bloc_layout/lib/src/presentation/top_app_bar_bloc_layout/top_app_bar_layout_cubit_screen.dart

@@ -25,17 +25,23 @@ abstract class TopAppBarLayoutCubitScreen<Cubit extends bloc_base.Cubit<State>,
     State extends Object> extends CubitScreenBase<Cubit, State> {
   const TopAppBarLayoutCubitScreen({
     this.custom,
+    this.barId,
+    this.scaffoldFieldsWrapper,
     this.height = 60,
     super.key,
   });
 
   final double height;
-  final TopAppBarComponent? Function(TopAppBarComponent?)? custom;
+  final ComponentCallBack<TopAppBarComponent>? custom;
+  final String? barId;
+  final ScaffoldFieldsWrapper? scaffoldFieldsWrapper;
 
   @override
   Widget parent(BuildContext context, Widget child) => TopAppBarLayout(
         height: height,
         custom: custom,
+        barId: barId,
+        scaffoldFieldsWrapper: scaffoldFieldsWrapper,
         body: child,
       );
 }

packages/wyatt_bloc_layout/lib/src/presentation/top_app_bar_bloc_layout/top_app_bar_layout_cubit_screen_crud.dart

@@ -27,6 +27,8 @@ abstract class TopAppBarLayoutCubitScreenCrud<
   const TopAppBarLayoutCubitScreenCrud({
     super.custom,
     super.height,
+    super.barId,
+    super.scaffoldFieldsWrapper,
     super.key,
   });
 

packages/wyatt_bloc_layout/lib/src/presentation/top_app_bar_bloc_layout/top_app_bar_layout_cubit_screen_crud_item.dart

@@ -24,6 +24,8 @@ abstract class TopAppBarLayoutCubitScreenCrudItem<
   const TopAppBarLayoutCubitScreenCrudItem({
     super.custom,
     super.height = 60,
+    super.barId,
+    super.scaffoldFieldsWrapper,
     super.key,
   });
 }

packages/wyatt_bloc_layout/lib/src/presentation/top_app_bar_bloc_layout/top_app_bar_layout_cubit_screen_crud_list.dart

@@ -24,6 +24,8 @@ abstract class TopAppBarLayoutCubitScreenCrudList<
   const TopAppBarLayoutCubitScreenCrudList({
     super.custom,
     super.height = 60,
+    super.barId,
+    super.scaffoldFieldsWrapper,
     super.key,
   });
 }

packages/wyatt_bloc_layout/lib/src/presentation/top_navigation_bar_bloc_layout/top_navigation_bar_grid_layout_cubit_screen_crud_list.dart

@@ -25,6 +25,8 @@ abstract class TopNavigationBarGridLayoutCubitScreenCrudList<
   const TopNavigationBarGridLayoutCubitScreenCrudList({
     super.custom,
     super.height = 60,
+    super.barId,
+    super.scaffoldFieldsWrapper,
     super.key,
   });
 }

packages/wyatt_bloc_layout/lib/src/presentation/top_navigation_bar_bloc_layout/top_navigation_bar_layout_cubit_screen.dart

@@ -27,16 +27,23 @@ abstract class TopNavigationBarLayoutCubitScreen<
   const TopNavigationBarLayoutCubitScreen({
     this.custom,
     this.height = 60,
+    this.barId,
+    this.scaffoldFieldsWrapper,
     super.key,
   });
 
   final double height;
-  final TopNavigationBarComponent? Function(TopNavigationBarComponent?)? custom;
+  final ComponentCallBack<TopNavigationBarComponent>? custom;
+  final String? barId;
+  final ScaffoldFieldsWrapper? scaffoldFieldsWrapper;
 
   @override
-  Widget parent(BuildContext context, Widget child) => TopNavigationBarLayout(
+  Widget parent(BuildContext context, Widget child) =>
-        height: height,
+      StructuralLayout.withTopNavigationBar(
+        barId: barId,
         custom: custom,
+        height: height,
+        scaffoldFieldsWrapper: scaffoldFieldsWrapper,
         body: child,
       );
 }

packages/wyatt_bloc_layout/lib/src/presentation/top_navigation_bar_bloc_layout/top_navigation_bar_layout_cubit_screen_crud.dart

@@ -27,6 +27,8 @@ abstract class TopNavigationBarLayoutCubitScreenCrud<
   const TopNavigationBarLayoutCubitScreenCrud({
     super.custom,
     super.height,
+    super.barId,
+    super.scaffoldFieldsWrapper,
     super.key,
   });
 

packages/wyatt_bloc_layout/lib/src/presentation/top_navigation_bar_bloc_layout/top_navigation_bar_layout_cubit_screen_crud_item.dart

@@ -25,6 +25,8 @@ abstract class TopNavigationBarLayoutCubitScreenCrudItem<
   const TopNavigationBarLayoutCubitScreenCrudItem({
     super.custom,
     super.height = 60,
+    super.barId,
+    super.scaffoldFieldsWrapper,
     super.key,
   });
 }

packages/wyatt_bloc_layout/lib/src/presentation/top_navigation_bar_bloc_layout/top_navigation_bar_layout_cubit_screen_crud_list.dart

@@ -25,6 +25,8 @@ abstract class TopNavigationBarLayoutCubitScreenCrudList<
   const TopNavigationBarLayoutCubitScreenCrudList({
     super.custom,
     super.height = 60,
+    super.barId,
+    super.scaffoldFieldsWrapper,
     super.key,
   });
 }