create-foldkit-app 0.35.1 → 0.35.2

package/dist/templates/examples/ui-showcase/src/ui/update.ts

@@ -1,6 +1,6 @@
 import { Array, Number, Option, pipe } from 'effect'
 import { Update } from 'foldkit'
-import { evo } from 'foldkit/struct'
+import { modifyFields } from 'foldkit/struct'
 
 import {
   Animation,
@@ -66,7 +66,7 @@ const reorderColumns = (
             : column.cards
 
         if (column.id !== toContainerId) {
-          return evo(column, { cards: () => withRemoved })
+          return modifyFields(column, { cards: () => withRemoved })
         }
 
         const inserted = [
@@ -75,7 +75,7 @@ const reorderColumns = (
           ...Array.drop(withRemoved, toIndex),
         ]
 
-        return evo(column, { cards: () => inserted })
+        return modifyFields(column, { cards: () => inserted })
       }),
   })
 }
@@ -127,7 +127,7 @@ const foldMobileMenuDialog = Update.foldChild({
   update: Dialog.update,
   read: (model: UiModel) => Option.some(model.mobileMenuDialog),
   write: (model, nextMobileMenuDialog) =>
-    evo(model, { mobileMenuDialog: () => nextMobileMenuDialog }),
+    modifyFields(model, { mobileMenuDialog: () => nextMobileMenuDialog }),
   toParentMessage: message => UiMessage.GotMobileMenuDialogMessage({ message }),
   foldOutMessage: foldDialogOutMessage,
 })
@@ -136,7 +136,7 @@ const foldMobileMenuDialogOpen = Update.foldChildStep({
   update: Dialog.open,
   read: (model: UiModel) => Option.some(model.mobileMenuDialog),
   write: (model, nextMobileMenuDialog) =>
-    evo(model, { mobileMenuDialog: () => nextMobileMenuDialog }),
+    modifyFields(model, { mobileMenuDialog: () => nextMobileMenuDialog }),
   toParentMessage: message => UiMessage.GotMobileMenuDialogMessage({ message }),
   foldOutMessage: foldDialogOutMessage,
 })
@@ -145,7 +145,7 @@ const foldMobileMenuDialogClose = Update.foldChildStep({
   update: Dialog.close,
   read: (model: UiModel) => Option.some(model.mobileMenuDialog),
   write: (model, nextMobileMenuDialog) =>
-    evo(model, { mobileMenuDialog: () => nextMobileMenuDialog }),
+    modifyFields(model, { mobileMenuDialog: () => nextMobileMenuDialog }),
   toParentMessage: message => UiMessage.GotMobileMenuDialogMessage({ message }),
   foldOutMessage: foldDialogOutMessage,
 })
@@ -157,7 +157,7 @@ const foldComboboxDemoOutMessage = Combobox.OutMessage.match<
   Selected:
     ({ value }) =>
     model => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         maybeComboboxDemoSelectedCity: () => Option.some(value),
       }),
     }),
@@ -168,7 +168,7 @@ const foldComboboxDemo = Update.foldChild({
   update: CityCombobox.update,
   read: (model: UiModel) => Option.some(model.comboboxDemo),
   write: (model, nextComboboxDemo) =>
-    evo(model, { comboboxDemo: () => nextComboboxDemo }),
+    modifyFields(model, { comboboxDemo: () => nextComboboxDemo }),
   toParentMessage: message => UiMessage.GotComboboxDemoMessage({ message }),
   foldOutMessage: foldComboboxDemoOutMessage,
 })
@@ -180,7 +180,7 @@ const foldComboboxNullableDemoOutMessage = Combobox.OutMessage.match<
   Selected:
     ({ value }) =>
     model => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         maybeComboboxNullableDemoSelectedCity:
           maybeComboboxNullableDemoSelectedCity =>
             Option.contains(maybeComboboxNullableDemoSelectedCity, value)
@@ -189,7 +189,7 @@ const foldComboboxNullableDemoOutMessage = Combobox.OutMessage.match<
       }),
     }),
   ClearedSelection: () => model => ({
-    model: evo(model, {
+    model: modifyFields(model, {
       maybeComboboxNullableDemoSelectedCity: () => Option.none(),
     }),
   }),
@@ -199,7 +199,9 @@ const foldComboboxNullableDemo = Update.foldChild({
   update: CityCombobox.update,
   read: (model: UiModel) => Option.some(model.comboboxNullableDemo),
   write: (model, nextComboboxNullableDemo) =>
-    evo(model, { comboboxNullableDemo: () => nextComboboxNullableDemo }),
+    modifyFields(model, {
+      comboboxNullableDemo: () => nextComboboxNullableDemo,
+    }),
   toParentMessage: message =>
     UiMessage.GotComboboxNullableDemoMessage({ message }),
   foldOutMessage: foldComboboxNullableDemoOutMessage,
@@ -212,7 +214,7 @@ const foldComboboxMultiDemoOutMessage = Combobox.OutMessage.match<
   Selected:
     ({ value }) =>
     model => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         comboboxMultiDemoSelectedCities: comboboxMultiDemoSelectedCities =>
           Array.contains(comboboxMultiDemoSelectedCities, value)
             ? Array.filter(
@@ -229,7 +231,7 @@ const foldComboboxMultiDemo = Update.foldChild({
   update: CityMultiCombobox.update,
   read: (model: UiModel) => Option.some(model.comboboxMultiDemo),
   write: (model, nextComboboxMultiDemo) =>
-    evo(model, { comboboxMultiDemo: () => nextComboboxMultiDemo }),
+    modifyFields(model, { comboboxMultiDemo: () => nextComboboxMultiDemo }),
   toParentMessage: message =>
     UiMessage.GotComboboxMultiDemoMessage({ message }),
   foldOutMessage: foldComboboxMultiDemoOutMessage,
@@ -242,7 +244,7 @@ const foldComboboxPlacementLockDemoOutMessage = Combobox.OutMessage.match<
   Selected:
     ({ value }) =>
     model => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         maybeComboboxPlacementLockDemoSelectedCity: () => Option.some(value),
       }),
     }),
@@ -253,7 +255,7 @@ const foldComboboxPlacementLockDemo = Update.foldChild({
   update: CityCombobox.update,
   read: (model: UiModel) => Option.some(model.comboboxPlacementLockDemo),
   write: (model, nextComboboxPlacementLockDemo) =>
-    evo(model, {
+    modifyFields(model, {
       comboboxPlacementLockDemo: () => nextComboboxPlacementLockDemo,
     }),
   toParentMessage: message =>
@@ -268,7 +270,7 @@ const foldComboboxSelectOnFocusDemoOutMessage = Combobox.OutMessage.match<
   Selected:
     ({ value }) =>
     model => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         maybeComboboxSelectOnFocusDemoSelectedCity: () => Option.some(value),
       }),
     }),
@@ -279,7 +281,7 @@ const foldComboboxSelectOnFocusDemo = Update.foldChild({
   update: CityCombobox.update,
   read: (model: UiModel) => Option.some(model.comboboxSelectOnFocusDemo),
   write: (model, nextComboboxSelectOnFocusDemo) =>
-    evo(model, {
+    modifyFields(model, {
       comboboxSelectOnFocusDemo: () => nextComboboxSelectOnFocusDemo,
     }),
   toParentMessage: message =>
@@ -291,7 +293,7 @@ const foldDialogDemo = Update.foldChild({
   update: Dialog.update,
   read: (model: UiModel) => Option.some(model.dialogDemo),
   write: (model, nextDialogDemo) =>
-    evo(model, { dialogDemo: () => nextDialogDemo }),
+    modifyFields(model, { dialogDemo: () => nextDialogDemo }),
   toParentMessage: message => UiMessage.GotDialogDemoMessage({ message }),
   foldOutMessage: foldDialogOutMessage,
 })
@@ -300,7 +302,7 @@ const foldDialogDemoOpen = Update.foldChildStep({
   update: Dialog.open,
   read: (model: UiModel) => Option.some(model.dialogDemo),
   write: (model, nextDialogDemo) =>
-    evo(model, { dialogDemo: () => nextDialogDemo }),
+    modifyFields(model, { dialogDemo: () => nextDialogDemo }),
   toParentMessage: message => UiMessage.GotDialogDemoMessage({ message }),
   foldOutMessage: foldDialogOutMessage,
 })
@@ -309,7 +311,7 @@ const foldDialogAnimatedDemo = Update.foldChild({
   update: Dialog.update,
   read: (model: UiModel) => Option.some(model.dialogAnimatedDemo),
   write: (model, nextDialogAnimatedDemo) =>
-    evo(model, { dialogAnimatedDemo: () => nextDialogAnimatedDemo }),
+    modifyFields(model, { dialogAnimatedDemo: () => nextDialogAnimatedDemo }),
   toParentMessage: message =>
     UiMessage.GotDialogAnimatedDemoMessage({ message }),
   foldOutMessage: foldDialogOutMessage,
@@ -319,7 +321,7 @@ const foldDialogAnimatedDemoOpen = Update.foldChildStep({
   update: Dialog.open,
   read: (model: UiModel) => Option.some(model.dialogAnimatedDemo),
   write: (model, nextDialogAnimatedDemo) =>
-    evo(model, { dialogAnimatedDemo: () => nextDialogAnimatedDemo }),
+    modifyFields(model, { dialogAnimatedDemo: () => nextDialogAnimatedDemo }),
   toParentMessage: message =>
     UiMessage.GotDialogAnimatedDemoMessage({ message }),
   foldOutMessage: foldDialogOutMessage,
@@ -329,7 +331,7 @@ const foldOverlayDialogDemo = Update.foldChild({
   update: Dialog.update,
   read: (model: UiModel) => Option.some(model.overlayDialogDemo),
   write: (model, nextOverlayDialogDemo) =>
-    evo(model, { overlayDialogDemo: () => nextOverlayDialogDemo }),
+    modifyFields(model, { overlayDialogDemo: () => nextOverlayDialogDemo }),
   toParentMessage: message =>
     UiMessage.GotOverlayDialogDemoMessage({ message }),
   foldOutMessage: foldDialogOutMessage,
@@ -339,7 +341,7 @@ const foldOverlayDialogDemoOpen = Update.foldChildStep({
   update: Dialog.open,
   read: (model: UiModel) => Option.some(model.overlayDialogDemo),
   write: (model, nextOverlayDialogDemo) =>
-    evo(model, { overlayDialogDemo: () => nextOverlayDialogDemo }),
+    modifyFields(model, { overlayDialogDemo: () => nextOverlayDialogDemo }),
   toParentMessage: message =>
     UiMessage.GotOverlayDialogDemoMessage({ message }),
   foldOutMessage: foldDialogOutMessage,
@@ -352,7 +354,7 @@ const foldOverlayComboboxDemoOutMessage = Combobox.OutMessage.match<
   Selected:
     ({ value }) =>
     model => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         maybeOverlayComboboxDemoSelectedCity: () => Option.some(value),
       }),
     }),
@@ -363,7 +365,7 @@ const foldOverlayComboboxDemo = Update.foldChild({
   update: CityCombobox.update,
   read: (model: UiModel) => Option.some(model.overlayComboboxDemo),
   write: (model, nextOverlayComboboxDemo) =>
-    evo(model, { overlayComboboxDemo: () => nextOverlayComboboxDemo }),
+    modifyFields(model, { overlayComboboxDemo: () => nextOverlayComboboxDemo }),
   toParentMessage: message =>
     UiMessage.GotOverlayComboboxDemoMessage({ message }),
   foldOutMessage: foldOverlayComboboxDemoOutMessage,
@@ -373,7 +375,9 @@ const foldNestedDialogParentDemo = Update.foldChild({
   update: Dialog.update,
   read: (model: UiModel) => Option.some(model.nestedDialogParentDemo),
   write: (model, nextNestedDialogParentDemo) =>
-    evo(model, { nestedDialogParentDemo: () => nextNestedDialogParentDemo }),
+    modifyFields(model, {
+      nestedDialogParentDemo: () => nextNestedDialogParentDemo,
+    }),
   toParentMessage: message =>
     UiMessage.GotNestedDialogParentDemoMessage({ message }),
   foldOutMessage: foldDialogOutMessage,
@@ -383,7 +387,9 @@ const foldNestedDialogParentDemoOpen = Update.foldChildStep({
   update: Dialog.open,
   read: (model: UiModel) => Option.some(model.nestedDialogParentDemo),
   write: (model, nextNestedDialogParentDemo) =>
-    evo(model, { nestedDialogParentDemo: () => nextNestedDialogParentDemo }),
+    modifyFields(model, {
+      nestedDialogParentDemo: () => nextNestedDialogParentDemo,
+    }),
   toParentMessage: message =>
     UiMessage.GotNestedDialogParentDemoMessage({ message }),
   foldOutMessage: foldDialogOutMessage,
@@ -393,7 +399,9 @@ const foldNestedDialogChildDemo = Update.foldChild({
   update: Dialog.update,
   read: (model: UiModel) => Option.some(model.nestedDialogChildDemo),
   write: (model, nextNestedDialogChildDemo) =>
-    evo(model, { nestedDialogChildDemo: () => nextNestedDialogChildDemo }),
+    modifyFields(model, {
+      nestedDialogChildDemo: () => nextNestedDialogChildDemo,
+    }),
   toParentMessage: message =>
     UiMessage.GotNestedDialogChildDemoMessage({ message }),
   foldOutMessage: foldDialogOutMessage,
@@ -403,7 +411,9 @@ const foldNestedDialogChildDemoOpen = Update.foldChildStep({
   update: Dialog.open,
   read: (model: UiModel) => Option.some(model.nestedDialogChildDemo),
   write: (model, nextNestedDialogChildDemo) =>
-    evo(model, { nestedDialogChildDemo: () => nextNestedDialogChildDemo }),
+    modifyFields(model, {
+      nestedDialogChildDemo: () => nextNestedDialogChildDemo,
+    }),
   toParentMessage: message =>
     UiMessage.GotNestedDialogChildDemoMessage({ message }),
   foldOutMessage: foldDialogOutMessage,
@@ -415,7 +425,7 @@ const foldCalendarBasicDemoOutMessage = Calendar.OutMessage.match<
   SelectedDate:
     ({ date }) =>
     model => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         maybeCalendarBasicDemoSelectedDate: () => Option.some(date),
       }),
     }),
@@ -426,7 +436,7 @@ const foldCalendarBasicDemo = Update.foldChild({
   update: Calendar.update,
   read: (model: UiModel) => Option.some(model.calendarBasicDemo),
   write: (model, nextCalendarBasicDemo) =>
-    evo(model, { calendarBasicDemo: () => nextCalendarBasicDemo }),
+    modifyFields(model, { calendarBasicDemo: () => nextCalendarBasicDemo }),
   toParentMessage: message =>
     UiMessage.GotCalendarBasicDemoMessage({ message }),
   foldOutMessage: foldCalendarBasicDemoOutMessage,
@@ -438,12 +448,12 @@ const foldDatePickerBasicDemoOutMessage = DatePicker.OutMessage.match<
   SelectedDate:
     ({ date }) =>
     model => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         maybeDatePickerBasicDemoSelectedDate: () => Option.some(date),
       }),
     }),
   ClearedDate: () => model => ({
-    model: evo(model, {
+    model: modifyFields(model, {
       maybeDatePickerBasicDemoSelectedDate: () => Option.none(),
     }),
   }),
@@ -454,7 +464,7 @@ const foldDatePickerBasicDemo = Update.foldChild({
   update: DatePicker.update,
   read: (model: UiModel) => Option.some(model.datePickerBasicDemo),
   write: (model, nextDatePickerBasicDemo) =>
-    evo(model, { datePickerBasicDemo: () => nextDatePickerBasicDemo }),
+    modifyFields(model, { datePickerBasicDemo: () => nextDatePickerBasicDemo }),
   toParentMessage: message =>
     UiMessage.GotDatePickerBasicDemoMessage({ message }),
   foldOutMessage: foldDatePickerBasicDemoOutMessage,
@@ -466,7 +476,7 @@ const foldDragAndDropDemoOutMessage = DragAndDrop.OutMessage.match<
   Reordered:
     ({ itemId, fromContainerId, toContainerId, toIndex }) =>
     model => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         dragAndDropDemoColumns: dragAndDropDemoColumns =>
           reorderColumns(
             dragAndDropDemoColumns,
@@ -484,7 +494,7 @@ const foldDragAndDropDemo = Update.foldChild({
   update: DragAndDrop.update,
   read: (model: UiModel) => Option.some(model.dragAndDropDemo),
   write: (model, nextDragAndDropDemo) =>
-    evo(model, { dragAndDropDemo: () => nextDragAndDropDemo }),
+    modifyFields(model, { dragAndDropDemo: () => nextDragAndDropDemo }),
   toParentMessage: message => UiMessage.GotDragAndDropDemoMessage({ message }),
   foldOutMessage: foldDragAndDropDemoOutMessage,
 })
@@ -495,7 +505,7 @@ const foldFileDropBasicDemoOutMessage = FileDrop.OutMessage.match<
   ReceivedFiles:
     ({ files }) =>
     model => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         fileDropBasicDemoFiles: Array.appendAll(files),
       }),
     }),
@@ -506,7 +516,7 @@ const foldFileDropBasicDemo = Update.foldChild({
   update: FileDrop.update,
   read: (model: UiModel) => Option.some(model.fileDropBasicDemo),
   write: (model, nextFileDropBasicDemo) =>
-    evo(model, { fileDropBasicDemo: () => nextFileDropBasicDemo }),
+    modifyFields(model, { fileDropBasicDemo: () => nextFileDropBasicDemo }),
   toParentMessage: message =>
     UiMessage.GotFileDropBasicDemoMessage({ message }),
   foldOutMessage: foldFileDropBasicDemoOutMessage,
@@ -519,7 +529,7 @@ const foldListboxDemoOutMessage = Listbox.OutMessage.match<
   Selected:
     ({ value }) =>
     model => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         maybeListboxDemoSelectedItem: () => Option.some(value),
       }),
     }),
@@ -529,7 +539,7 @@ const foldListboxDemo = Update.foldChild({
   update: ItemListbox.update,
   read: (model: UiModel) => Option.some(model.listboxDemo),
   write: (model, nextListboxDemo) =>
-    evo(model, { listboxDemo: () => nextListboxDemo }),
+    modifyFields(model, { listboxDemo: () => nextListboxDemo }),
   toParentMessage: message => UiMessage.GotListboxDemoMessage({ message }),
   foldOutMessage: foldListboxDemoOutMessage,
 })
@@ -541,7 +551,7 @@ const foldListboxMultiDemoOutMessage = Listbox.OutMessage.match<
   Selected:
     ({ value }) =>
     model => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         listboxMultiDemoSelectedItems: listboxMultiDemoSelectedItems =>
           Array.contains(listboxMultiDemoSelectedItems, value)
             ? Array.filter(
@@ -557,7 +567,7 @@ const foldListboxMultiDemo = Update.foldChild({
   update: ItemMultiListbox.update,
   read: (model: UiModel) => Option.some(model.listboxMultiDemo),
   write: (model, nextListboxMultiDemo) =>
-    evo(model, { listboxMultiDemo: () => nextListboxMultiDemo }),
+    modifyFields(model, { listboxMultiDemo: () => nextListboxMultiDemo }),
   toParentMessage: message => UiMessage.GotListboxMultiDemoMessage({ message }),
   foldOutMessage: foldListboxMultiDemoOutMessage,
 })
@@ -568,7 +578,7 @@ const foldListboxGroupedDemoOutMessage = Listbox.OutMessage.match<
   Selected:
     ({ value }) =>
     model => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         maybeListboxGroupedDemoSelectedItem: () => Option.some(value),
       }),
     }),
@@ -578,7 +588,7 @@ const foldListboxGroupedDemo = Update.foldChild({
   update: CharacterListbox.update,
   read: (model: UiModel) => Option.some(model.listboxGroupedDemo),
   write: (model, nextListboxGroupedDemo) =>
-    evo(model, { listboxGroupedDemo: () => nextListboxGroupedDemo }),
+    modifyFields(model, { listboxGroupedDemo: () => nextListboxGroupedDemo }),
   toParentMessage: message =>
     UiMessage.GotListboxGroupedDemoMessage({ message }),
   foldOutMessage: foldListboxGroupedDemoOutMessage,
@@ -588,7 +598,7 @@ const foldMenuBasicDemo = Update.foldChild({
   update: DemoMenu.update,
   read: (model: UiModel) => Option.some(model.menuBasicDemo),
   write: (model, nextMenuBasicDemo) =>
-    evo(model, { menuBasicDemo: () => nextMenuBasicDemo }),
+    modifyFields(model, { menuBasicDemo: () => nextMenuBasicDemo }),
   toParentMessage: message => UiMessage.GotMenuBasicDemoMessage({ message }),
   foldOutMessage: foldMenuOutMessage,
 })
@@ -597,7 +607,7 @@ const foldMenuAnimatedDemo = Update.foldChild({
   update: DemoMenu.update,
   read: (model: UiModel) => Option.some(model.menuAnimatedDemo),
   write: (model, nextMenuAnimatedDemo) =>
-    evo(model, { menuAnimatedDemo: () => nextMenuAnimatedDemo }),
+    modifyFields(model, { menuAnimatedDemo: () => nextMenuAnimatedDemo }),
   toParentMessage: message => UiMessage.GotMenuAnimatedDemoMessage({ message }),
   foldOutMessage: foldMenuOutMessage,
 })
@@ -606,7 +616,7 @@ const foldPopoverBasicDemo = Update.foldChild({
   update: Popover.update,
   read: (model: UiModel) => Option.some(model.popoverBasicDemo),
   write: (model, nextPopoverBasicDemo) =>
-    evo(model, { popoverBasicDemo: () => nextPopoverBasicDemo }),
+    modifyFields(model, { popoverBasicDemo: () => nextPopoverBasicDemo }),
   toParentMessage: message => UiMessage.GotPopoverBasicDemoMessage({ message }),
   foldOutMessage: foldPopoverOutMessage,
 })
@@ -615,7 +625,7 @@ const foldPopoverAnimatedDemo = Update.foldChild({
   update: Popover.update,
   read: (model: UiModel) => Option.some(model.popoverAnimatedDemo),
   write: (model, nextPopoverAnimatedDemo) =>
-    evo(model, { popoverAnimatedDemo: () => nextPopoverAnimatedDemo }),
+    modifyFields(model, { popoverAnimatedDemo: () => nextPopoverAnimatedDemo }),
   toParentMessage: message =>
     UiMessage.GotPopoverAnimatedDemoMessage({ message }),
   foldOutMessage: foldPopoverOutMessage,
@@ -625,7 +635,9 @@ const foldPopoverNestedParentDemo = Update.foldChild({
   update: Popover.update,
   read: (model: UiModel) => Option.some(model.popoverNestedParentDemo),
   write: (model, nextPopoverNestedParentDemo) =>
-    evo(model, { popoverNestedParentDemo: () => nextPopoverNestedParentDemo }),
+    modifyFields(model, {
+      popoverNestedParentDemo: () => nextPopoverNestedParentDemo,
+    }),
   toParentMessage: message =>
     UiMessage.GotPopoverNestedParentDemoMessage({ message }),
   foldOutMessage: foldPopoverOutMessage,
@@ -635,7 +647,9 @@ const foldPopoverNestedChildDemo = Update.foldChild({
   update: Popover.update,
   read: (model: UiModel) => Option.some(model.popoverNestedChildDemo),
   write: (model, nextPopoverNestedChildDemo) =>
-    evo(model, { popoverNestedChildDemo: () => nextPopoverNestedChildDemo }),
+    modifyFields(model, {
+      popoverNestedChildDemo: () => nextPopoverNestedChildDemo,
+    }),
   toParentMessage: message =>
     UiMessage.GotPopoverNestedChildDemoMessage({ message }),
   foldOutMessage: foldPopoverOutMessage,
@@ -648,7 +662,7 @@ const foldVerticalRadioGroupDemoOutMessage = RadioGroup.OutMessage.match<
   Selected:
     ({ value }) =>
     model => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         verticalRadioGroupDemoValue: () => Option.some(value),
       }),
     }),
@@ -658,7 +672,9 @@ const foldVerticalRadioGroupDemo = Update.foldChild({
   update: PlanRadioGroup.update,
   read: (model: UiModel) => Option.some(model.verticalRadioGroupDemo),
   write: (model, nextVerticalRadioGroupDemo) =>
-    evo(model, { verticalRadioGroupDemo: () => nextVerticalRadioGroupDemo }),
+    modifyFields(model, {
+      verticalRadioGroupDemo: () => nextVerticalRadioGroupDemo,
+    }),
   toParentMessage: message =>
     UiMessage.GotVerticalRadioGroupDemoMessage({ message }),
   foldOutMessage: foldVerticalRadioGroupDemoOutMessage,
@@ -671,7 +687,7 @@ const foldHorizontalRadioGroupDemoOutMessage = RadioGroup.OutMessage.match<
   Selected:
     ({ value }) =>
     model => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         horizontalRadioGroupDemoValue: () => Option.some(value),
       }),
     }),
@@ -681,7 +697,7 @@ const foldHorizontalRadioGroupDemo = Update.foldChild({
   update: PlanRadioGroup.update,
   read: (model: UiModel) => Option.some(model.horizontalRadioGroupDemo),
   write: (model, nextHorizontalRadioGroupDemo) =>
-    evo(model, {
+    modifyFields(model, {
       horizontalRadioGroupDemo: () => nextHorizontalRadioGroupDemo,
     }),
   toParentMessage: message =>
@@ -694,14 +710,16 @@ const foldSliderRatingDemoOutMessage = Slider.OutMessage.match<
 >({
   ChangedValue:
     ({ value }) =>
-    model => ({ model: evo(model, { sliderRatingValue: () => value }) }),
+    model => ({
+      model: modifyFields(model, { sliderRatingValue: () => value }),
+    }),
 })
 
 const foldSliderRatingDemo = Update.foldChild({
   update: Slider.update,
   read: (model: UiModel) => Option.some(model.sliderRatingDemo),
   write: (model, nextSliderRatingDemo) =>
-    evo(model, { sliderRatingDemo: () => nextSliderRatingDemo }),
+    modifyFields(model, { sliderRatingDemo: () => nextSliderRatingDemo }),
   toParentMessage: message => UiMessage.GotSliderRatingDemoMessage({ message }),
   foldOutMessage: foldSliderRatingDemoOutMessage,
 })
@@ -711,14 +729,16 @@ const foldSliderVolumeDemoOutMessage = Slider.OutMessage.match<
 >({
   ChangedValue:
     ({ value }) =>
-    model => ({ model: evo(model, { sliderVolumeValue: () => value }) }),
+    model => ({
+      model: modifyFields(model, { sliderVolumeValue: () => value }),
+    }),
 })
 
 const foldSliderVolumeDemo = Update.foldChild({
   update: Slider.update,
   read: (model: UiModel) => Option.some(model.sliderVolumeDemo),
   write: (model, nextSliderVolumeDemo) =>
-    evo(model, { sliderVolumeDemo: () => nextSliderVolumeDemo }),
+    modifyFields(model, { sliderVolumeDemo: () => nextSliderVolumeDemo }),
   toParentMessage: message => UiMessage.GotSliderVolumeDemoMessage({ message }),
   foldOutMessage: foldSliderVolumeDemoOutMessage,
 })
@@ -729,14 +749,16 @@ const foldHorizontalTabsDemoOutMessage = Tabs.OutMessage.match<
 >({
   Selected:
     ({ value }) =>
-    model => ({ model: evo(model, { horizontalTabsDemoTab: () => value }) }),
+    model => ({
+      model: modifyFields(model, { horizontalTabsDemoTab: () => value }),
+    }),
 })
 
 const foldHorizontalTabsDemo = Update.foldChild({
   update: DemoTabs.update,
   read: (model: UiModel) => Option.some(model.horizontalTabsDemo),
   write: (model, nextHorizontalTabsDemo) =>
-    evo(model, { horizontalTabsDemo: () => nextHorizontalTabsDemo }),
+    modifyFields(model, { horizontalTabsDemo: () => nextHorizontalTabsDemo }),
   toParentMessage: message =>
     UiMessage.GotHorizontalTabsDemoMessage({ message }),
   foldOutMessage: foldHorizontalTabsDemoOutMessage,
@@ -748,14 +770,16 @@ const foldVerticalTabsDemoOutMessage = Tabs.OutMessage.match<
 >({
   Selected:
     ({ value }) =>
-    model => ({ model: evo(model, { verticalTabsDemoTab: () => value }) }),
+    model => ({
+      model: modifyFields(model, { verticalTabsDemoTab: () => value }),
+    }),
 })
 
 const foldVerticalTabsDemo = Update.foldChild({
   update: DemoTabs.update,
   read: (model: UiModel) => Option.some(model.verticalTabsDemo),
   write: (model, nextVerticalTabsDemo) =>
-    evo(model, { verticalTabsDemo: () => nextVerticalTabsDemo }),
+    modifyFields(model, { verticalTabsDemo: () => nextVerticalTabsDemo }),
   toParentMessage: message => UiMessage.GotVerticalTabsDemoMessage({ message }),
   foldOutMessage: foldVerticalTabsDemoOutMessage,
 })
@@ -764,7 +788,7 @@ const foldToastDemo = Update.foldChild({
   update: Toast.update,
   read: (model: UiModel) => Option.some(model.toastDemo),
   write: (model, nextToastDemo) =>
-    evo(model, { toastDemo: () => nextToastDemo }),
+    modifyFields(model, { toastDemo: () => nextToastDemo }),
   toParentMessage: message => UiMessage.GotToastDemoMessage({ message }),
   foldOutMessage: foldToastOutMessage,
 })
@@ -773,7 +797,7 @@ const foldToastDemoShow = Update.foldChild({
   update: Toast.show,
   read: (model: UiModel) => Option.some(model.toastDemo),
   write: (model, nextToastDemo) =>
-    evo(model, { toastDemo: () => nextToastDemo }),
+    modifyFields(model, { toastDemo: () => nextToastDemo }),
   toParentMessage: message => UiMessage.GotToastDemoMessage({ message }),
   foldOutMessage: foldToastOutMessage,
 })
@@ -782,7 +806,7 @@ const foldToastDemoDismissAll = Update.foldChildStep({
   update: Toast.dismissAll,
   read: (model: UiModel) => Option.some(model.toastDemo),
   write: (model, nextToastDemo) =>
-    evo(model, { toastDemo: () => nextToastDemo }),
+    modifyFields(model, { toastDemo: () => nextToastDemo }),
   toParentMessage: message => UiMessage.GotToastDemoMessage({ message }),
   foldOutMessage: foldToastOutMessage,
 })
@@ -791,7 +815,7 @@ const foldTooltipBasicDemo = Update.foldChild({
   update: Tooltip.update,
   read: (model: UiModel) => Option.some(model.tooltipBasicDemo),
   write: (model, nextTooltipBasicDemo) =>
-    evo(model, { tooltipBasicDemo: () => nextTooltipBasicDemo }),
+    modifyFields(model, { tooltipBasicDemo: () => nextTooltipBasicDemo }),
   toParentMessage: message => UiMessage.GotTooltipBasicDemoMessage({ message }),
   foldOutMessage: foldTooltipOutMessage,
 })
@@ -800,7 +824,7 @@ const foldTooltipNoDelayDemo = Update.foldChild({
   update: Tooltip.update,
   read: (model: UiModel) => Option.some(model.tooltipNoDelayDemo),
   write: (model, nextTooltipNoDelayDemo) =>
-    evo(model, { tooltipNoDelayDemo: () => nextTooltipNoDelayDemo }),
+    modifyFields(model, { tooltipNoDelayDemo: () => nextTooltipNoDelayDemo }),
   toParentMessage: message =>
     UiMessage.GotTooltipNoDelayDemoMessage({ message }),
   foldOutMessage: foldTooltipOutMessage,
@@ -810,7 +834,7 @@ const foldHoverIntentDemo = Update.foldChild({
   update: HoverIntent.update,
   read: (model: UiModel) => Option.some(model.hoverIntentDemo),
   write: (model, nextHoverIntentDemo) =>
-    evo(model, { hoverIntentDemo: () => nextHoverIntentDemo }),
+    modifyFields(model, { hoverIntentDemo: () => nextHoverIntentDemo }),
   toParentMessage: message => UiMessage.GotHoverIntentDemoMessage({ message }),
   foldOutMessage: foldHoverIntentOutMessage,
 })
@@ -833,7 +857,7 @@ const foldAnimationDemo = Update.foldChild({
   update: Animation.update,
   read: (model: UiModel) => Option.some(model.animationDemo),
   write: (model, nextAnimationDemo) =>
-    evo(model, { animationDemo: () => nextAnimationDemo }),
+    modifyFields(model, { animationDemo: () => nextAnimationDemo }),
   toParentMessage: message => UiMessage.GotAnimationDemoMessage({ message }),
   foldOutMessage: foldAnimationDemoOutMessage,
 })
@@ -842,7 +866,7 @@ const foldAnimationDemoShow = Update.foldChildStep({
   update: Animation.show,
   read: (model: UiModel) => Option.some(model.animationDemo),
   write: (model, nextAnimationDemo) =>
-    evo(model, { animationDemo: () => nextAnimationDemo }),
+    modifyFields(model, { animationDemo: () => nextAnimationDemo }),
   toParentMessage: message => UiMessage.GotAnimationDemoMessage({ message }),
 })
 
@@ -850,7 +874,7 @@ const foldAnimationDemoHide = Update.foldChildStep({
   update: Animation.hide,
   read: (model: UiModel) => Option.some(model.animationDemo),
   write: (model, nextAnimationDemo) =>
-    evo(model, { animationDemo: () => nextAnimationDemo }),
+    modifyFields(model, { animationDemo: () => nextAnimationDemo }),
   toParentMessage: message => UiMessage.GotAnimationDemoMessage({ message }),
 })
 
@@ -858,7 +882,7 @@ const foldVirtualListDemo = Update.foldChild({
   update: VirtualList.update,
   read: (model: UiModel) => Option.some(model.virtualListDemo),
   write: (model, nextVirtualListDemo) =>
-    evo(model, { virtualListDemo: () => nextVirtualListDemo }),
+    modifyFields(model, { virtualListDemo: () => nextVirtualListDemo }),
   toParentMessage: message => UiMessage.GotVirtualListDemoMessage({ message }),
 })
 
@@ -866,7 +890,7 @@ const foldVirtualListDemoScrollToIndex = Update.foldChild({
   update: VirtualList.scrollToIndex,
   read: (model: UiModel) => Option.some(model.virtualListDemo),
   write: (model, nextVirtualListDemo) =>
-    evo(model, { virtualListDemo: () => nextVirtualListDemo }),
+    modifyFields(model, { virtualListDemo: () => nextVirtualListDemo }),
   toParentMessage: message => UiMessage.GotVirtualListDemoMessage({ message }),
 })
 
@@ -874,7 +898,9 @@ const foldVirtualListVariableDemo = Update.foldChild({
   update: VirtualList.update,
   read: (model: UiModel) => Option.some(model.virtualListVariableDemo),
   write: (model, nextVirtualListVariableDemo) =>
-    evo(model, { virtualListVariableDemo: () => nextVirtualListVariableDemo }),
+    modifyFields(model, {
+      virtualListVariableDemo: () => nextVirtualListVariableDemo,
+    }),
   toParentMessage: message =>
     UiMessage.GotVirtualListVariableDemoMessage({ message }),
 })
@@ -889,7 +915,9 @@ const foldVirtualListVariableDemoScrollToIndex = Update.foldChild({
     ),
   read: (model: UiModel) => Option.some(model.virtualListVariableDemo),
   write: (model, nextVirtualListVariableDemo) =>
-    evo(model, { virtualListVariableDemo: () => nextVirtualListVariableDemo }),
+    modifyFields(model, {
+      virtualListVariableDemo: () => nextVirtualListVariableDemo,
+    }),
   toParentMessage: message =>
     UiMessage.GotVirtualListVariableDemoMessage({ message }),
 })
@@ -900,58 +928,58 @@ export const uiUpdate = (model: UiModel, message: UiMessage) =>
       foldMobileMenuDialog(model, message),
 
     UpdatedInputDemoValue: ({ value }) => ({
-      model: evo(model, { inputDemoValue: () => value }),
+      model: modifyFields(model, { inputDemoValue: () => value }),
     }),
 
     UpdatedTextareaDemoValue: ({ value }) => ({
-      model: evo(model, { textareaDemoValue: () => value }),
+      model: modifyFields(model, { textareaDemoValue: () => value }),
     }),
 
     UpdatedFieldsetInputValue: ({ value }) => ({
-      model: evo(model, { fieldsetInputValue: () => value }),
+      model: modifyFields(model, { fieldsetInputValue: () => value }),
     }),
 
     UpdatedFieldsetTextareaValue: ({ value }) => ({
-      model: evo(model, { fieldsetTextareaValue: () => value }),
+      model: modifyFields(model, { fieldsetTextareaValue: () => value }),
     }),
 
     UpdatedSelectDemoValue: ({ value }) => ({
-      model: evo(model, { selectDemoValue: () => value }),
+      model: modifyFields(model, { selectDemoValue: () => value }),
     }),
 
     ToggledFieldsetCheckboxDemo: ({ isChecked }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         isFieldsetCheckboxDemoChecked: () => isChecked,
       }),
     }),
 
     ClickedButtonDemo: () => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         buttonClickCount: Number.increment,
       }),
     }),
 
     ToggledCheckboxBasicDemo: ({ isChecked }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         isCheckboxBasicDemoChecked: () => isChecked,
       }),
     }),
 
     ToggledCheckboxAllDemo: ({ isChecked }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         isCheckboxOptionADemoChecked: () => isChecked,
         isCheckboxOptionBDemoChecked: () => isChecked,
       }),
     }),
 
     ToggledCheckboxOptionADemo: ({ isChecked }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         isCheckboxOptionADemoChecked: () => isChecked,
       }),
     }),
 
     ToggledCheckboxOptionBDemo: ({ isChecked }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         isCheckboxOptionBDemoChecked: () => isChecked,
       }),
     }),
@@ -998,19 +1026,19 @@ export const uiUpdate = (model: UiModel, message: UiMessage) =>
     ClickedOpenProjectSettings: () => foldNestedDialogParentDemoOpen(model),
 
     ToggledDisclosureBasicDemo: ({ isOpen }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         isDisclosureBasicDemoOpen: () => isOpen,
       }),
     }),
 
     ToggledDisclosureAnimatedDemo: ({ isOpen }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         isDisclosureAnimatedDemoOpen: () => isOpen,
       }),
     }),
 
     ToggledDisclosureCollapsedPreviewDemo: ({ isOpen }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         isDisclosureCollapsedPreviewDemoOpen: () => isOpen,
       }),
     }),
@@ -1028,7 +1056,7 @@ export const uiUpdate = (model: UiModel, message: UiMessage) =>
       foldFileDropBasicDemo(model, message),
 
     ClickedRemoveFileDropDemoFile: ({ fileIndex }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         fileDropBasicDemoFiles: () =>
           Array.remove(model.fileDropBasicDemoFiles, fileIndex),
       }),
@@ -1072,7 +1100,7 @@ export const uiUpdate = (model: UiModel, message: UiMessage) =>
       foldSliderVolumeDemo(model, message),
 
     ToggledSwitchDemo: ({ isChecked }) => ({
-      model: evo(model, {
+      model: modifyFields(model, {
         isSwitchDemoChecked: () => isChecked,
       }),
     }),