Add motion-related fields (#693)

* Refactor dialog motion

* Update sidebar item

* Update slider

* Update tabs

* Update toast

* Update sheet

* Prepare Forui for review

* Apply suggestions from code review

Co-authored-by: Copilot <[email protected]>

* Fix PR issues

* Update windows-latest goldens

---------

Co-authored-by: Pante <[email protected]>
Co-authored-by: Copilot <[email protected]>

Author: Pante

.github/workflows/forui_nightly.yaml

@@ -4,9 +4,6 @@ on:
   workflow_dispatch: {}
   push:
     branches: [ main ]
-    paths:
-      - forui_nightly.yaml
-      - forui/**
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}

docs/app/docs/overlay/dialog/page.mdx

@@ -61,6 +61,7 @@ showFDialog<T>(
   context: context,
   builder: (context, style, animation) => FDialog(...),
   useRootNavigator: false,
+  routeStyle: FDialogRouteStyle(...),
   style: FDialogStyle(...),
   barrierLabel: 'Label',
   barrierDismissible: true,
@@ -201,7 +202,7 @@ We recommend using the vertical layout on mobile devices.
             child: FButton(
               child: const Text('Show Dialog'),
               onPress: () => showFDialog(
-                style: context.theme.dialogStyle.copyWith(
+                routeStyle: context.theme.dialogRouteStyle.copyWith(
                   barrierFilter: (animation) => ImageFilter.compose(
                     outer: ImageFilter.blur(sigmaX: animation * 5, sigmaY: animation * 5),
                     inner: ColorFilter.mode(context.theme.colors.barrier, BlendMode.srcOver),

docs/app/docs/overlay/persistent-sheet/page.mdx

@@ -167,7 +167,7 @@ It is part of [FScaffold](/docs/layout/scaffold), which should be preferred in m
 To generate and customize this style:
 
 ```shell copy
-dart run forui style create sheet 
+dart run forui style create persistent-sheet
 ```
 
 ## Usage
@@ -177,7 +177,7 @@ dart run forui style create sheet
 ```dart copy
 showFPersistentSheet(
   context: context,
-  style: FSheetStyle(...),
+  style: FPersistentSheetStyle(...),
   side: FLayout.ltr,
   useSafeArea: false,
   keepAliveOffstage: true,

docs/app/docs/overlay/sheet/page.mdx

@@ -142,7 +142,7 @@ It navigates to a new page each time.
 To generate and customize this style:
 
 ```shell copy
-dart run forui style create sheet 
+dart run forui style create modal-sheet
 ```
 
 ## Usage
@@ -152,7 +152,7 @@ dart run forui style create sheet
 ```dart copy
 showFSheet(
   context: context,
-  style: FSheetStyle(...),
+  style: FModalSheetStyle(...),
   side: FLayout.ltr,
   useRootNavigator: true,
   useSafeArea: false,
@@ -161,6 +161,7 @@ showFSheet(
   barrierDismissible: true,
   draggable: true,
   builder: (context) => const Placeholder(),
+  onClosing: () {},
 );
 ```
 
@@ -180,7 +181,7 @@ showFSheet(
         child: FButton(
           child: const Text('Open'),
           onPress: () => showFSheet(
-            style: context.theme.sheetStyle.copyWith(
+            style: context.theme.modalSheetStyle.copyWith(
               barrierFilter: (animation) => ImageFilter.compose(
                 outer: ImageFilter.blur(sigmaX: animation * 5, sigmaY: animation * 5),
                 inner: ColorFilter.mode(context.theme.colors.barrier, BlendMode.srcOver),

forui/CHANGELOG.md

@@ -13,6 +13,7 @@ We've improved the styles' generated documentation. They should be much easier t
 
 ### `FAutocomplete`
 
+* Add `FAutocompletController(popoverMotion: ...)`.
 * **Breaking** Change `FAutocompleteContentStyle.loadingIndicatorStyle` to `FAutocompleteContentStyle.progressStyle`.
 
 
@@ -21,6 +22,16 @@ We've improved the styles' generated documentation. They should be much easier t
 * **Breaking** Replace `FDateFieldController(animationDuration: ...)` with `FDateFieldController(popoverMotion: ...)`.
 
 
+### `FDialog`
+* Add `FDialogRouteStyle`.
+* Add `FDialogRouteMotion`.
+* Add `showFDialog(routeStyle: ...)`.
+* Add `FDialogMotion`.
+
+* **Breaking** Move barrier related fields from `FDialogStyle` to `FDialogRouteStyle`.
+* **Breaking** Move animation related fields from `FDialogStyle` to `FDialogMotion`.
+
+
 ### `FPopover` & `FPopoverMenu`
 
 * Add `FPopoverMotion`.
@@ -48,29 +59,72 @@ We've reworked `FProgress` to be more customizable and easier to use.
 * **Breaking** Replace `FMultiSelectController(animationDuration: ...)` with `FMultiSelectController(popoverMotion: ...)`.
 
 
+### `FSheet`
+
+* Add `FModalSheetStyle`.
+* Add `FPersistentSheetStyle`.
+* Add `FSheetMotion`.
+* Add `FModalSheetMotion`.
+* Add `FPersistentSheetMotion`.
+* Add `FModalSheet(onClosing: ...)`.
+* Add `FPersistentSheet(onClosing: ...)`.
+
+* **Breaking** Split `FSheetStyle` into `FModalSheetStyle` and `FPersistentSheetStyle`.
+* **Breaking** Move animation related fields from `FSheetStyle` to `FSheetMotion`.
+
+
+### `FSidebar`
+
+* Add `FSidebarItemMotion`.
+* **Breaking** Move animation related fields from `FSiderbarItemStyle` to `FSiderbarItemMotion`.
+
+
+### `FSlider`
+
+* Add `FSliderStyle.tooltipMotion`.
+
+
+### `FTab`
+
+* Add `FTabMotion`.
+* **Breaking** Replace `FTabController(animationDuration: ...)` with `FTabController(motion: ...)`.
+
+
 ### `FTappable`
 
 * Add `FTappableMotion`.
 * **Breaking** Move animation related fields from `FTappableStyle` to `FTappableMotion`.
 
 
+### `FTextField` & `FTextFormField`
+We've added a password visibility toggle to password fields.
+
+* Add password visibility toggle to `FTextField.password(...)`.
+* Add password visibility toggle to `FTextFormField.password(...)`.
+
+
 ### `FThemeData`
 We've added support for animated theme transitions. This should make transitions between themes gradual instead of abrupt.
 
 * Add `FThemeData.lerp(...)`.
 * Change `FThemeData.copyWith(...)` to accept style builder functions.
 
 
-### `FTextField` & `FTextFormField`
-We've added a password visibility toggle to password fields.
+### `FTimeField`
 
-* Add password visibility toggle to `FTextField.password(...)`.
-* Add password visibility toggle to `FTextFormField.password(...)`.
+* **Breaking** Replace `FTimeFieldController(animationDuration: ...)` with `FTimeFieldController(popoverMotion: ...)`.
 
 
-### `FTimeField`
+### `FToast`
 
-* **Breaking** Replace `FTimeFieldController(animationDuration: ...)` with `FTimeFieldController(popoverMotion: ...)`.
+* Add `FToastMotion`.
+* Add `FToasterMotion`.
+
+* Change animation to be more subtle.
+* **Breaking** Move animation related fields from `FToastStyle` to `FToastMotion`.
+* **Breaking** Move animation related fields from `FToasterStyle` to `FToasterMotion`.
+
+* Remove no-op `FToast.onDismiss` parameter that was accidentally included.
 
 
 ### `FTooltip`
@@ -86,6 +140,7 @@ We've added a password visibility toggle to password fields.
 * Add `FWidgetStateMap.lerpTextStyle(...)`.
 * Add `FWidgetStateMap.lerpWhere(...)`.
 
+
 ### `FToaster`
 * Add `FToaster.of(...)`.
 * Make `FToasterState.show(context: ...)` optional.