@foldkit/ui 0.141.1 → 0.142.0

package/dist/slider/index.js

@@ -244,7 +244,7 @@ const percentString = (fraction) => __foldkitBrandViewResult((`${Math.round(frac
  *  aria-valuemax / aria-valuenow, keyboard navigation by step / page / home /
  *  end. Pointer drag is handled by the component's drag subscriptions. */
 export const view = defineView((model, viewInputs, h) => {
-    const { value, formatValue, isDisabled = false, name, getTrackRoot = () => __foldkitBrandViewResult((document), "@foldkit/ui/slider/index.js#anonymous~43"), } = viewInputs;
+    const { value, formatValue, isDisabled = false, isReadOnly = false, name, getTrackRoot = () => __foldkitBrandViewResult((document), "@foldkit/ui/slider/index.js#anonymous~43"), } = viewInputs;
     const { id, min, max } = model;
     const isDragging = model.dragState._tag === 'Dragging';
     const fraction = fractionOfValue(value, min, max);
@@ -258,15 +258,17 @@ export const view = defineView((model, viewInputs, h) => {
     const stateAttributes = [
         ...(isDragging ? [h.DataAttribute('dragging', '')] : []),
         ...(isDisabled ? [h.DataAttribute('disabled', '')] : []),
+        ...(isReadOnly ? [h.DataAttribute('readonly', '')] : []),
     ];
     const rootAttributes = [
         h.DataAttribute('slider-id', id),
         h.DataAttribute('orientation', 'horizontal'),
         ...stateAttributes,
     ];
-    const trackInteractionAttributes = isDisabled
-        ? []
-        : [h.OnPointerDown(trackPointerHandler)];
+    const isInteractive = !isDisabled && !isReadOnly;
+    const trackInteractionAttributes = isInteractive
+        ? [h.OnPointerDown(trackPointerHandler)]
+        : [];
     const trackAttributes = [
         h.DataAttribute('slider-track-id', id),
         h.Style({ position: 'relative', 'touch-action': 'none' }),
@@ -297,12 +299,12 @@ export const view = defineView((model, viewInputs, h) => {
     };
     const thumbLabelAttributes = resolveThumbLabel();
     const maybeAriaValuetext = formatValue !== undefined ? [h.AriaValuetext(formatValue(value))] : [];
-    const thumbInteractionAttributes = isDisabled
-        ? []
-        : [
+    const thumbInteractionAttributes = isInteractive
+        ? [
             h.OnPointerDown(thumbPointerHandler),
             h.OnKeyDownPreventDefault(handleKeyDown),
-        ];
+        ]
+        : [];
     const thumbAttributes = [
         h.Id(`${id}-thumb`),
         h.Role('slider'),
@@ -314,6 +316,7 @@ export const view = defineView((model, viewInputs, h) => {
         ...maybeAriaValuetext,
         ...thumbLabelAttributes,
         ...(isDisabled ? [h.AriaDisabled(true)] : []),
+        ...(isReadOnly ? [h.AriaReadonly(true)] : []),
         h.Style({
             position: 'absolute',
             left: percentString(fraction),

package/dist/switch/index.d.ts

@@ -26,6 +26,10 @@ export type SwitchAttributes<Message> = Readonly<{
  *    `update` by storing the value.
  *  - `toView`: receives the {@link SwitchAttributes} and lays out the
  *    switch.
+ *  - `isDisabled`: marks the switch unavailable with `aria-disabled="true"`
+ *    and `data-disabled`, keeping it focusable. Use it when the control does
+ *    not apply; use `isReadOnly` when its state is still information the user
+ *    needs.
  *  - `isReadOnly`: prevents toggling while exposing read-only semantics with
  *    `aria-readonly="true"` and `data-readonly`. The switch remains
  *    focusable. Independent of `isDisabled`: setting both emits both

package/dist/switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/switch/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAIhE;;;;;;;;;;sEAUsE;AACtE,MAAM,MAAM,gBAAgB,CAAC,OAAO,IAAI,QAAQ,CAAC;IAC/C,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACzC,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACxC,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAC9C,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;CAC/C,CAAC,CAAA;AAEF;;;;;;;;;;;;;yEAayE;AACzE,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,OAAO,CAAA;IACzC,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IACvD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC,CAAA;AAEF,uEAAuE;AACvE,eAAO,MAAM,OAAO,GAAI,IAAI,MAAM,KAAG,MAAuB,CAAA;AAE5D,6EAA6E;AAC7E,eAAO,MAAM,aAAa,GAAI,IAAI,MAAM,KAAG,MAA6B,CAAA;AAExE;;;;;;;;;;;;;;;;;;;;;UAqBU;AACV,eAAO,MAAM,IAAI,GAAI,OAAO,EAC1B,QAAQ,UAAU,CAAC,OAAO,CAAC,EAC3B,GAAG,WAAW,CAAC,OAAO,CAAC,KACtB,IAgEF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/switch/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAIhE;;;;;;;;;;sEAUsE;AACtE,MAAM,MAAM,gBAAgB,CAAC,OAAO,IAAI,QAAQ,CAAC;IAC/C,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACzC,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACxC,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAC9C,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;CAC/C,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;yEAiByE;AACzE,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,OAAO,CAAA;IACzC,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IACvD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC,CAAA;AAEF,uEAAuE;AACvE,eAAO,MAAM,OAAO,GAAI,IAAI,MAAM,KAAG,MAAuB,CAAA;AAE5D,6EAA6E;AAC7E,eAAO,MAAM,aAAa,GAAI,IAAI,MAAM,KAAG,MAA6B,CAAA;AAExE;;;;;;;;;;;;;;;;;;;;;UAqBU;AACV,eAAO,MAAM,IAAI,GAAI,OAAO,EAC1B,QAAQ,UAAU,CAAC,OAAO,CAAC,EAC3B,GAAG,WAAW,CAAC,OAAO,CAAC,KACtB,IAgEF,CAAA"}

package/dist/test/apps/disabledButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"disabledButton.d.ts","sourceRoot":"","sources":["../../../src/test/apps/disabledButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAChD,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC1C,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAOrD,eAAO,MAAM,KAAK;;;;;;;;;;;;;EAGhB,CAAA;AACF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,eAAO,MAAM,aAAa,oEAAqB,CAAA;AAC/C,eAAO,MAAM,aAAa,oEAAqB,CAAA;AAC/C,eAAO,MAAM,gBAAgB;;;;EAE3B,CAAA;AAEF,eAAO,MAAM,OAAO;;;;IAA4D,CAAA;AAChF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAA;AAID,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAqBxD,CAAA;AAaH,qCAAqC;AACrC,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,KAAG,IAQ5D,CAAA;AAED,uDAAuD;AACvD,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,KAAG,IAyBtE,CAAA"}
+{"version":3,"file":"disabledButton.d.ts","sourceRoot":"","sources":["../../../src/test/apps/disabledButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AACxD,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC1C,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AASrD,eAAO,MAAM,KAAK;;;;;;;;;;;;;EAGhB,CAAA;AACF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,eAAO,MAAM,aAAa,oEAAqB,CAAA;AAC/C,eAAO,MAAM,aAAa,oEAAqB,CAAA;AAC/C,eAAO,MAAM,gBAAgB;;;;EAE3B,CAAA;AAEF,eAAO,MAAM,OAAO;;;;IAA4D,CAAA;AAChF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAA;AAoBD,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAWxD,CAAA;AAaH,qCAAqC;AACrC,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,KAAG,IAQ5D,CAAA;AAED,uDAAuD;AACvD,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,KAAG,IAyBtE,CAAA"}

package/dist/test/apps/disabledButton.js

@@ -1,7 +1,8 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
-import { Match as M, Schema as S } from 'effect';
-import * as Command from 'foldkit/command';
+import { Match as M, Option, Schema as S } from 'effect';
 import { m } from 'foldkit/message';
+import { evo } from 'foldkit/struct';
+import * as Update from 'foldkit/update';
 import * as Dialog from '../../dialog/index.js';
 // MODEL
 export const Model = S.Struct({
@@ -21,16 +22,21 @@ export const initialModel = {
     dialog: Dialog.init({ id: 'test-dialog', isOpen: true }),
 };
 // UPDATE
+const foldDialogOutMessage = M.type().pipe(M.withReturnType(), M.tagsExhaustive({
+    Opened: () => __foldkitBrandViewResult((model => __foldkitBrandViewResult(([model, []]), "@foldkit/ui/test/apps/disabledButton.js#anonymous")), "@foldkit/ui/test/apps/disabledButton.js#Opened"),
+    Closed: () => __foldkitBrandViewResult((model => __foldkitBrandViewResult(([model, []]), "@foldkit/ui/test/apps/disabledButton.js#anonymous~2")), "@foldkit/ui/test/apps/disabledButton.js#Closed"),
+}));
+const foldDialog = Update.foldChild({
+    update: Dialog.update,
+    read: (model) => __foldkitBrandViewResult((Option.some(model.dialog)), "@foldkit/ui/test/apps/disabledButton.js#read"),
+    write: (model, nextDialog) => __foldkitBrandViewResult((evo(model, { dialog: () => __foldkitBrandViewResult((nextDialog), "@foldkit/ui/test/apps/disabledButton.js#dialog") })), "@foldkit/ui/test/apps/disabledButton.js#write"),
+    toParentMessage: message => __foldkitBrandViewResult((GotDialogMessage({ message })), "@foldkit/ui/test/apps/disabledButton.js#toParentMessage"),
+    foldOutMessage: foldDialogOutMessage,
+});
 export const update = (model, message) => __foldkitBrandViewResult((M.value(message).pipe(M.withReturnType(), M.tagsExhaustive({
     ClickedToggle: () => __foldkitBrandViewResult(([{ ...model, isEnabled: !model.isEnabled }, []]), "@foldkit/ui/test/apps/disabledButton.js#ClickedToggle"),
     ClickedSubmit: () => __foldkitBrandViewResult(([model, []]), "@foldkit/ui/test/apps/disabledButton.js#ClickedSubmit"),
-    GotDialogMessage: ({ message: dialogMessage }) => {
-        const [nextDialog, commands] = Dialog.update(model.dialog, dialogMessage);
-        return __foldkitBrandViewResult(([
-            { ...model, dialog: nextDialog },
-            Command.mapMessages(commands, dialogMessage => __foldkitBrandViewResult((GotDialogMessage({ message: dialogMessage })), "@foldkit/ui/test/apps/disabledButton.js#anonymous")),
-        ]), "@foldkit/ui/test/apps/disabledButton.js#GotDialogMessage");
-    },
+    GotDialogMessage: ({ message: dialogMessage }) => __foldkitBrandViewResult((foldDialog(model, dialogMessage)), "@foldkit/ui/test/apps/disabledButton.js#GotDialogMessage"),
 }))), "@foldkit/ui/test/apps/disabledButton.js#update");
 // VIEW
 const submitButton = (isEnabled, h) => __foldkitBrandViewResult((h.button([
@@ -60,7 +66,7 @@ export const viewWithDialog = (model, h) => {
                     ]
                     : [])), "@foldkit/ui/test/apps/disabledButton.js#toView"),
             },
-            toParentMessage: message => __foldkitBrandViewResult((GotDialogMessage({ message })), "@foldkit/ui/test/apps/disabledButton.js#toParentMessage"),
+            toParentMessage: message => __foldkitBrandViewResult((GotDialogMessage({ message })), "@foldkit/ui/test/apps/disabledButton.js#toParentMessage~2"),
         }),
     ])), "@foldkit/ui/test/apps/disabledButton.js#viewWithDialog");
 };

package/dist/toast/update.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../src/toast/update.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EACR,MAAM,EAGN,MAAM,EACN,MAAM,IAAI,CAAC,EACZ,MAAM,QAAQ,CAAA;AACf,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAe1C,OAAO,EAML,KAAK,UAAU,EACf,KAAK,OAAO,EAOb,MAAM,aAAa,CAAA;AAIpB;;oDAEoD;AACpD,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,QAAQ,CAAC;IAClC,OAAO,EAAE,CAAC,CAAA;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAA;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF;;;eAGe;AACf,eAAO,MAAM,mBAAmB;;;;;;;;iBAW9B,CAAA;AAIF;;;;;;4EAM4E;AAC5E,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BA8ItC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA+IG,SAAS,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAIP,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoB/C,CAAA"}
+{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../src/toast/update.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EACR,MAAM,EAGN,MAAM,EACN,MAAM,IAAI,CAAC,EAEZ,MAAM,QAAQ,CAAA;AACf,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAgB1C,OAAO,EAML,KAAK,UAAU,EACf,KAAK,OAAO,EAOb,MAAM,aAAa,CAAA;AAIpB;;oDAEoD;AACpD,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,QAAQ,CAAC;IAClC,OAAO,EAAE,CAAC,CAAA;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAA;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF;;;eAGe;AACf,eAAO,MAAM,mBAAmB;;;;;;;;iBAW9B,CAAA;AAIF;;;;;;4EAM4E;AAC5E,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAoKtC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA+IG,SAAS,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAIP,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoB/C,CAAA"}

package/dist/toast/update.js

@@ -1,7 +1,8 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
-import { Array, Duration, Effect, Match as M, Number, Option, Schema as S, } from 'effect';
+import { Array, Duration, Effect, Match as M, Number, Option, Schema as S, pipe, } from 'effect';
 import * as Command from 'foldkit/command';
 import { evo } from 'foldkit/struct';
+import * as Update from 'foldkit/update';
 import { Hid as AnimationHid, Showed as AnimationShowed, init as animationInit, } from '../animation/schema.js';
 import { defaultLeaveCommand as animationDefaultLeaveCommand, update as animationUpdate, } from '../animation/update.js';
 import * as OptionExt from '../internal/optionExtensions.js';
@@ -59,42 +60,35 @@ export const makeRuntime = (payloadSchema) => {
             })), "@foldkit/ui/toast/update.js#rescheduleDismissCommands");
         }
     };
-    const delegateToEntryAnimation = (model, entryId, animationMessage) => {
-        const maybeEntry = Array.findFirst(model.entries, ({ id }) => __foldkitBrandViewResult((id === entryId), "@foldkit/ui/toast/update.js#anonymous~3"));
-        return __foldkitBrandViewResult((Option.match(maybeEntry, {
-            onNone: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/toast/update.js#onNone~2"),
-            onSome: entry => {
-                const [nextAnimation, animationCommands, maybeOutMessage] = animationUpdate(entry.animation, animationMessage);
-                const toMessage = (message) => __foldkitBrandViewResult((GotAnimationMessage({ entryId, message })), "@foldkit/ui/toast/update.js#toMessage");
-                const mappedCommands = Command.mapMessages(animationCommands, toMessage);
-                const nextEntry = evo(entry, {
-                    animation: () => __foldkitBrandViewResult((nextAnimation), "@foldkit/ui/toast/update.js#animation"),
-                });
-                return __foldkitBrandViewResult((Option.match(maybeOutMessage, {
-                    onNone: () => __foldkitBrandViewResult(([
-                        updateEntry(model, entryId, () => __foldkitBrandViewResult((nextEntry), "@foldkit/ui/toast/update.js#anonymous~4")),
-                        mappedCommands,
-                        Option.none(),
-                    ]), "@foldkit/ui/toast/update.js#onNone~3"),
-                    onSome: M.type().pipe(withUpdateReturn, M.tagsExhaustive({
-                        StartedLeaveAnimating: () => __foldkitBrandViewResult(([
-                            updateEntry(model, entryId, () => __foldkitBrandViewResult((nextEntry), "@foldkit/ui/toast/update.js#anonymous~5")),
-                            [
-                                ...mappedCommands,
-                                Command.mapMessage(animationDefaultLeaveCommand(nextAnimation), toMessage),
-                            ],
-                            Option.none(),
-                        ]), "@foldkit/ui/toast/update.js#StartedLeaveAnimating"),
-                        TransitionedOut: () => __foldkitBrandViewResult(([
-                            removeEntry(model, entryId),
-                            mappedCommands,
-                            Option.some(DismissedToast({ payload: entry.payload })),
-                        ]), "@foldkit/ui/toast/update.js#TransitionedOut"),
-                    })),
-                })), "@foldkit/ui/toast/update.js#onSome~2");
-            },
-        })), "@foldkit/ui/toast/update.js#delegateToEntryAnimation");
-    };
+    const readEntryAnimation = (entryId) => __foldkitBrandViewResult(((model) => __foldkitBrandViewResult((pipe(Array.findFirst(model.entries, ({ id }) => __foldkitBrandViewResult((id === entryId), "@foldkit/ui/toast/update.js#anonymous~4")), Option.map(({ animation }) => __foldkitBrandViewResult((animation), "@foldkit/ui/toast/update.js#anonymous~5")))), "@foldkit/ui/toast/update.js#anonymous~3")), "@foldkit/ui/toast/update.js#readEntryAnimation");
+    const writeEntryAnimation = (entryId) => __foldkitBrandViewResult(((model, nextAnimation) => __foldkitBrandViewResult((updateEntry(model, entryId, entry => __foldkitBrandViewResult((evo(entry, { animation: () => __foldkitBrandViewResult((nextAnimation), "@foldkit/ui/toast/update.js#animation") })), "@foldkit/ui/toast/update.js#anonymous~7"))), "@foldkit/ui/toast/update.js#anonymous~6")), "@foldkit/ui/toast/update.js#writeEntryAnimation");
+    const toGotAnimationMessage = (entryId) => __foldkitBrandViewResult(((message) => __foldkitBrandViewResult((GotAnimationMessage({ entryId, message })), "@foldkit/ui/toast/update.js#anonymous~8")), "@foldkit/ui/toast/update.js#toGotAnimationMessage");
+    const toDismissedToastOutMessage = payload => __foldkitBrandViewResult((M.type().pipe(M.withReturnType(), M.tagsExhaustive({
+        StartedLeaveAnimating: () => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/toast/update.js#StartedLeaveAnimating"),
+        TransitionedOut: () => __foldkitBrandViewResult((Option.some(DismissedToast({ payload }))), "@foldkit/ui/toast/update.js#TransitionedOut"),
+    }))), "@foldkit/ui/toast/update.js#toDismissedToastOutMessage");
+    const foldEntryAnimationOutMessage = entryId => __foldkitBrandViewResult(((outMessage, { liftCommand }) => __foldkitBrandViewResult((M.value(outMessage).pipe(M.withReturnType(), M.tagsExhaustive({
+        StartedLeaveAnimating: () => __foldkitBrandViewResult((model => __foldkitBrandViewResult((Option.match(readEntryAnimation(entryId)(model), {
+            onNone: () => __foldkitBrandViewResult(([model, []]), "@foldkit/ui/toast/update.js#onNone~2"),
+            onSome: animation => __foldkitBrandViewResult(([
+                model,
+                [liftCommand(animationDefaultLeaveCommand(animation))],
+            ]), "@foldkit/ui/toast/update.js#onSome~2"),
+        })), "@foldkit/ui/toast/update.js#anonymous~10")), "@foldkit/ui/toast/update.js#StartedLeaveAnimating~2"),
+        TransitionedOut: () => __foldkitBrandViewResult((model => __foldkitBrandViewResult(([removeEntry(model, entryId), []]), "@foldkit/ui/toast/update.js#anonymous~11")), "@foldkit/ui/toast/update.js#TransitionedOut~2"),
+    }))), "@foldkit/ui/toast/update.js#anonymous~9")), "@foldkit/ui/toast/update.js#foldEntryAnimationOutMessage");
+    const foldEntryAnimation = (entry) => __foldkitBrandViewResult((Update.foldChild({
+        update: animationUpdate,
+        read: readEntryAnimation(entry.id),
+        write: writeEntryAnimation(entry.id),
+        toParentMessage: toGotAnimationMessage(entry.id),
+        toParentOutMessage: toDismissedToastOutMessage(entry.payload),
+        foldOutMessage: foldEntryAnimationOutMessage(entry.id),
+    })), "@foldkit/ui/toast/update.js#foldEntryAnimation");
+    const delegateToEntryAnimation = (model, entryId, animationMessage) => __foldkitBrandViewResult((Option.match(Array.findFirst(model.entries, ({ id }) => __foldkitBrandViewResult((id === entryId), "@foldkit/ui/toast/update.js#anonymous~12")), {
+        onNone: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/toast/update.js#onNone~3"),
+        onSome: entry => __foldkitBrandViewResult((foldEntryAnimation(entry)(model, animationMessage)), "@foldkit/ui/toast/update.js#onSome~3"),
+    })), "@foldkit/ui/toast/update.js#delegateToEntryAnimation");
     const createEntry = (model, input) => {
         const entryId = `${model.id}-entry-${model.nextEntryKey}`;
         const duration = input.duration === undefined
@@ -130,7 +124,7 @@ export const makeRuntime = (payloadSchema) => {
                 nextEntryKey: Number.increment,
             });
             const [modelAfterShow, showCommands] = delegateToEntryAnimation(modelWithEntry, entry.id, AnimationShowed());
-            const postShowEntry = Array.findFirst(modelAfterShow.entries, ({ id }) => __foldkitBrandViewResult((id === entry.id), "@foldkit/ui/toast/update.js#anonymous~6"));
+            const postShowEntry = Array.findFirst(modelAfterShow.entries, ({ id }) => __foldkitBrandViewResult((id === entry.id), "@foldkit/ui/toast/update.js#anonymous~13"));
             const dismissCommands = Option.match(postShowEntry, {
                 onNone: () => __foldkitBrandViewResult(([]), "@foldkit/ui/toast/update.js#onNone~4"),
                 onSome: rescheduleDismissCommands,
@@ -142,41 +136,41 @@ export const makeRuntime = (payloadSchema) => {
             ]), "@foldkit/ui/toast/update.js#Added");
         },
         Dismissed: ({ entryId }) => {
-            const maybeEntry = Array.findFirst(model.entries, ({ id }) => __foldkitBrandViewResult((id === entryId), "@foldkit/ui/toast/update.js#anonymous~7"));
+            const maybeEntry = Array.findFirst(model.entries, ({ id }) => __foldkitBrandViewResult((id === entryId), "@foldkit/ui/toast/update.js#anonymous~14"));
             return __foldkitBrandViewResult((Option.match(maybeEntry, {
                 onNone: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/toast/update.js#onNone~5"),
                 onSome: entry => {
                     if (isEntryLeaving(entry)) {
-                        return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/toast/update.js#onSome~3");
+                        return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/toast/update.js#onSome~4");
                     }
                     else {
-                        return __foldkitBrandViewResult((delegateToEntryAnimation(model, entryId, AnimationHid())), "@foldkit/ui/toast/update.js#onSome~3");
+                        return __foldkitBrandViewResult((delegateToEntryAnimation(model, entryId, AnimationHid())), "@foldkit/ui/toast/update.js#onSome~4");
                     }
                 },
             })), "@foldkit/ui/toast/update.js#Dismissed");
         },
         DismissedAll: () => __foldkitBrandViewResult((Array.reduce(model.entries, [model, [], Option.none()], ([currentModel, currentCommands, currentOut], entry) => {
             if (isEntryLeaving(entry)) {
-                return __foldkitBrandViewResult(([currentModel, currentCommands, currentOut]), "@foldkit/ui/toast/update.js#anonymous~8");
+                return __foldkitBrandViewResult(([currentModel, currentCommands, currentOut]), "@foldkit/ui/toast/update.js#anonymous~15");
             }
             const [nextModel, nextCommands] = delegateToEntryAnimation(currentModel, entry.id, AnimationHid());
             return __foldkitBrandViewResult(([
                 nextModel,
                 [...currentCommands, ...nextCommands],
                 currentOut,
-            ]), "@foldkit/ui/toast/update.js#anonymous~8");
+            ]), "@foldkit/ui/toast/update.js#anonymous~15");
         })), "@foldkit/ui/toast/update.js#DismissedAll"),
         CompletedWaitBeforeDismissal: ({ entryId, version }) => {
-            const maybeEntry = Array.findFirst(model.entries, ({ id }) => __foldkitBrandViewResult((id === entryId), "@foldkit/ui/toast/update.js#anonymous~9"));
+            const maybeEntry = Array.findFirst(model.entries, ({ id }) => __foldkitBrandViewResult((id === entryId), "@foldkit/ui/toast/update.js#anonymous~16"));
             return __foldkitBrandViewResult((Option.match(maybeEntry, {
                 onNone: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/toast/update.js#onNone~6"),
                 onSome: entry => {
                     const isStale = version !== entry.pendingDismissVersion;
                     if (isStale || isEntryLeaving(entry)) {
-                        return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/toast/update.js#onSome~4");
+                        return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/toast/update.js#onSome~5");
                     }
                     else {
-                        return __foldkitBrandViewResult((delegateToEntryAnimation(model, entryId, AnimationHid())), "@foldkit/ui/toast/update.js#onSome~4");
+                        return __foldkitBrandViewResult((delegateToEntryAnimation(model, entryId, AnimationHid())), "@foldkit/ui/toast/update.js#onSome~5");
                     }
                 },
             })), "@foldkit/ui/toast/update.js#CompletedWaitBeforeDismissal");
@@ -185,12 +179,12 @@ export const makeRuntime = (payloadSchema) => {
             updateEntry(model, entryId, entry => __foldkitBrandViewResult((evo(entry, {
                 isHovered: () => __foldkitBrandViewResult((true), "@foldkit/ui/toast/update.js#isHovered"),
                 pendingDismissVersion: Number.increment,
-            })), "@foldkit/ui/toast/update.js#anonymous~10")),
+            })), "@foldkit/ui/toast/update.js#anonymous~17")),
             [],
             Option.none(),
         ]), "@foldkit/ui/toast/update.js#HoveredEntry"),
         LeftEntry: ({ entryId }) => {
-            const maybeEntry = Array.findFirst(model.entries, ({ id }) => __foldkitBrandViewResult((id === entryId), "@foldkit/ui/toast/update.js#anonymous~11"));
+            const maybeEntry = Array.findFirst(model.entries, ({ id }) => __foldkitBrandViewResult((id === entryId), "@foldkit/ui/toast/update.js#anonymous~18"));
             return __foldkitBrandViewResult((Option.match(maybeEntry, {
                 onNone: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/toast/update.js#onNone~7"),
                 onSome: entry => {
@@ -199,10 +193,10 @@ export const makeRuntime = (payloadSchema) => {
                         pendingDismissVersion: Number.increment,
                     });
                     return __foldkitBrandViewResult(([
-                        updateEntry(model, entryId, () => __foldkitBrandViewResult((nextEntry), "@foldkit/ui/toast/update.js#anonymous~12")),
+                        updateEntry(model, entryId, () => __foldkitBrandViewResult((nextEntry), "@foldkit/ui/toast/update.js#anonymous~19")),
                         rescheduleDismissCommands(nextEntry),
                         Option.none(),
-                    ]), "@foldkit/ui/toast/update.js#onSome~5");
+                    ]), "@foldkit/ui/toast/update.js#onSome~6");
                 },
             })), "@foldkit/ui/toast/update.js#LeftEntry");
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foldkit/ui",
-  "version": "0.141.1",
+  "version": "0.142.0",
   "description": "Headless, accessible UI components for Foldkit",
   "type": "module",
   "main": "./dist/index.js",
@@ -113,22 +113,22 @@
     "dist"
   ],
   "peerDependencies": {
-    "effect": "4.0.0-beta.105",
+    "effect": "4.0.0-beta.106",
     "foldkit": "^0"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6"
   },
   "devDependencies": {
-    "@effect/vitest": "4.0.0-beta.105",
-    "effect": "4.0.0-beta.105",
+    "@effect/vitest": "4.0.0-beta.106",
+    "effect": "4.0.0-beta.106",
     "happy-dom": "^20.10.4",
     "rimraf": "^6.1.3",
     "typedoc": "^0.28.19",
     "typescript": "^6.0.3",
     "vitest": "^4.1.9",
-    "@foldkit/vite-plugin": "0.12.1",
-    "foldkit": "0.141.1"
+    "@foldkit/vite-plugin": "0.12.2",
+    "foldkit": "0.142.0"
   },
   "keywords": [
     "foldkit",