foldkit 0.100.1 → 0.102.0

package/dist/ui/toast/index.d.ts

@@ -1,14 +1,17 @@
 import { Schema as S } from 'effect';
-import { type Attribute, type Html } from '../../html/index.js';
+import { type ChildAttribute, type Html } from '../../html/index.js';
 import { Dismissed, DismissedAll, ElapsedDuration, GotAnimationMessage, HoveredEntry, LeftEntry, Position, Variant } from './schema.js';
 import { DismissAfter } from './update.js';
 export type { InitConfig } from './schema.js';
 export type { ShowInput } from './update.js';
 export { Variant, Position, Dismissed, DismissedAll, ElapsedDuration, HoveredEntry, LeftEntry, GotAnimationMessage, DismissAfter, };
-/** Handlers passed to `renderEntry`. Attach `dismiss` to a close button's
- *  `OnClick` to let users dismiss the entry manually. */
-export type EntryHandlers<ParentMessage> = Readonly<{
-    dismiss: ParentMessage;
+/** Handlers passed to `entryToView`. Spread `dismiss` onto a close
+ *  button's attribute array (typically inside `h.button([...dismiss])`)
+ *  to let users dismiss the entry manually. The attribute carries the
+ *  Toast's dismiss handler bound to this entry's id; it routes through
+ *  the Toast boundary's wrap chain at click time. */
+export type EntryHandlers = Readonly<{
+    dismiss: ReadonlyArray<ChildAttribute>;
 }>;
 /** Factory that binds `Ui.Toast` to a user-provided payload schema. The
  *  returned module contains everything needed to wire a toast stack into an
@@ -16,11 +19,11 @@ export type EntryHandlers<ParentMessage> = Readonly<{
  *  `dismiss` / `dismissAll` helpers, and the headless `view`.
  *
  *  The payload is whatever content shape the consumer supplies via Schema.
- *  The component never reads it — it flows through to `renderEntry`. The
+ *  The component never reads it. It flows through to `entryToView`. The
  *  component itself owns only lifecycle and a11y fields (id, variant,
  *  animation, dismiss timer, hover state).
  *
- *  Consume the bound module's exports everywhere — `Toast.Model` in your app
+ *  Consume the bound module's exports everywhere. `Toast.Model` in your app
  *  Model, `Toast.Message` in your parent Message union, `Toast.show` /
  *  `Toast.dismiss` in your update, `Toast.view` in your view. The top-level
  *  exports (`Variant`, `Position`, static message tags, `DismissAfter`) are
@@ -40,30 +43,12 @@ export type EntryHandlers<ParentMessage> = Readonly<{
  *  ```
  */
 export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
-    readonly view: <ParentMessage>(config: Readonly<{
-        model: {
-            readonly id: string;
-            readonly defaultDuration: import("effect/Duration").Duration;
-            readonly entries: readonly {
-                readonly id: string;
-                readonly variant: "Success" | "Error" | "Info" | "Warning";
-                readonly animation: {
-                    readonly id: string;
-                    readonly isShowing: boolean;
-                    readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
-                };
-                readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
-                readonly pendingDismissVersion: number;
-                readonly isHovered: boolean;
-                readonly payload: A;
-            }[];
-            readonly nextEntryKey: number;
-        };
-        position: Position;
-        toParentMessage: (message: Dismissed | HoveredEntry | LeftEntry) => ParentMessage;
-        renderEntry: (entry: {
+    readonly view: import("../../html/submodel.js").SubmodelView<{
+        readonly id: string;
+        readonly defaultDuration: import("effect/Duration").Duration;
+        readonly entries: readonly {
             readonly id: string;
-            readonly variant: "Success" | "Error" | "Info" | "Warning";
+            readonly variant: "Error" | "Success" | "Info" | "Warning";
             readonly animation: {
                 readonly id: string;
                 readonly isShowing: boolean;
@@ -73,39 +58,40 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
             readonly pendingDismissVersion: number;
             readonly isHovered: boolean;
             readonly payload: A;
-        }, handlers: Readonly<{
-            dismiss: ParentMessage;
-        }>) => Html;
-        ariaLabel?: string;
-        className?: string;
-        attributes?: readonly Attribute<ParentMessage>[];
-        entryClassName?: string;
-        entryAttributes?: readonly Attribute<ParentMessage>[];
-    }>) => Html;
-    readonly lazy: <ParentMessage>(staticConfig: Omit<Readonly<{
-        model: {
-            readonly id: string;
-            readonly defaultDuration: import("effect/Duration").Duration;
-            readonly entries: readonly {
-                readonly id: string;
-                readonly variant: "Success" | "Error" | "Info" | "Warning";
-                readonly animation: {
-                    readonly id: string;
-                    readonly isShowing: boolean;
-                    readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
-                };
-                readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
-                readonly pendingDismissVersion: number;
-                readonly isHovered: boolean;
-                readonly payload: A;
-            }[];
-            readonly nextEntryKey: number;
+        }[];
+        readonly nextEntryKey: number;
+    }, {
+        readonly _tag: "Dismissed";
+        readonly entryId: string;
+    } | {
+        readonly _tag: "DismissedAll";
+    } | {
+        readonly _tag: "ElapsedDuration";
+        readonly entryId: string;
+        readonly version: number;
+    } | {
+        readonly _tag: "HoveredEntry";
+        readonly entryId: string;
+    } | {
+        readonly _tag: "LeftEntry";
+        readonly entryId: string;
+    } | {
+        readonly _tag: "GotAnimationMessage";
+        readonly entryId: string;
+        readonly message: {
+            readonly _tag: "Showed";
+        } | {
+            readonly _tag: "Hid";
+        } | {
+            readonly _tag: "AdvancedAnimationFrame";
+        } | {
+            readonly _tag: "EndedAnimation";
         };
-        position: Position;
-        toParentMessage: (message: Dismissed | HoveredEntry | LeftEntry) => ParentMessage;
-        renderEntry: (entry: {
+    } | {
+        readonly _tag: "Added";
+        readonly entry: {
             readonly id: string;
-            readonly variant: "Success" | "Error" | "Info" | "Warning";
+            readonly variant: "Error" | "Success" | "Info" | "Warning";
             readonly animation: {
                 readonly id: string;
                 readonly isShowing: boolean;
@@ -115,20 +101,12 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
             readonly pendingDismissVersion: number;
             readonly isHovered: boolean;
             readonly payload: A;
-        }, handlers: Readonly<{
-            dismiss: ParentMessage;
-        }>) => Html;
-        ariaLabel?: string;
-        className?: string;
-        attributes?: readonly Attribute<ParentMessage>[];
-        entryClassName?: string;
-        entryAttributes?: readonly Attribute<ParentMessage>[];
-    }>, "model" | "toParentMessage" | "renderEntry">) => ((model: {
-        readonly id: string;
-        readonly defaultDuration: import("effect/Duration").Duration;
-        readonly entries: readonly {
+        };
+    }, Readonly<{
+        position: Position;
+        entryToView: (entry: {
             readonly id: string;
-            readonly variant: "Success" | "Error" | "Info" | "Warning";
+            readonly variant: "Error" | "Success" | "Info" | "Warning";
             readonly animation: {
                 readonly id: string;
                 readonly isShowing: boolean;
@@ -138,23 +116,11 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
             readonly pendingDismissVersion: number;
             readonly isHovered: boolean;
             readonly payload: A;
-        }[];
-        readonly nextEntryKey: number;
-    }, toParentMessage: (message: Dismissed | HoveredEntry | LeftEntry) => ParentMessage, renderEntry: (entry: {
-        readonly id: string;
-        readonly variant: "Success" | "Error" | "Info" | "Warning";
-        readonly animation: {
-            readonly id: string;
-            readonly isShowing: boolean;
-            readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
-        };
-        readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
-        readonly pendingDismissVersion: number;
-        readonly isHovered: boolean;
-        readonly payload: A;
-    }, handlers: Readonly<{
-        dismiss: ParentMessage;
-    }>) => Html) => Html);
+        }, handlers: EntryHandlers) => Html;
+        ariaLabel?: string;
+        containerClassName?: string;
+        entryClassName?: string;
+    }>>;
     readonly Entry: S.Struct<{
         readonly id: S.String;
         readonly variant: S.Literals<readonly ["Info", "Success", "Warning", "Error"]>;
@@ -213,6 +179,9 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
         entryId: S.String;
         message: S.Union<[import("../../schema/index.js").CallableTaggedStruct<"Showed", {}>, import("../../schema/index.js").CallableTaggedStruct<"Hid", {}>, import("../../schema/index.js").CallableTaggedStruct<"AdvancedAnimationFrame", {}>, import("../../schema/index.js").CallableTaggedStruct<"EndedAnimation", {}>]>;
     }>]>;
+    readonly OutMessage: S.Union<readonly [import("../../schema/index.js").CallableTaggedStruct<"DismissedToast", {
+        payload: S.Codec<A, I, never, never>;
+    }>]>;
     readonly Added: import("../../schema/index.js").CallableTaggedStruct<"Added", {
         entry: S.Struct<{
             readonly id: S.String;
@@ -228,6 +197,9 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
             readonly payload: S.Codec<A, I, never, never>;
         }>;
     }>;
+    readonly DismissedToast: import("../../schema/index.js").CallableTaggedStruct<"DismissedToast", {
+        payload: S.Codec<A, I, never, never>;
+    }>;
     readonly init: (config: Readonly<{
         id: string;
         defaultDuration?: import("effect/Duration").Input;
@@ -236,7 +208,7 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
         readonly defaultDuration: import("effect/Duration").Duration;
         readonly entries: readonly {
             readonly id: string;
-            readonly variant: "Success" | "Error" | "Info" | "Warning";
+            readonly variant: "Error" | "Success" | "Info" | "Warning";
             readonly animation: {
                 readonly id: string;
                 readonly isShowing: boolean;
@@ -254,7 +226,7 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
         readonly defaultDuration: import("effect/Duration").Duration;
         readonly entries: readonly {
             readonly id: string;
-            readonly variant: "Success" | "Error" | "Info" | "Warning";
+            readonly variant: "Error" | "Success" | "Info" | "Warning";
             readonly animation: {
                 readonly id: string;
                 readonly isShowing: boolean;
@@ -297,7 +269,7 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
         readonly _tag: "Added";
         readonly entry: {
             readonly id: string;
-            readonly variant: "Success" | "Error" | "Info" | "Warning";
+            readonly variant: "Error" | "Success" | "Info" | "Warning";
             readonly animation: {
                 readonly id: string;
                 readonly isShowing: boolean;
@@ -313,7 +285,7 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
         readonly defaultDuration: import("effect/Duration").Duration;
         readonly entries: readonly {
             readonly id: string;
-            readonly variant: "Success" | "Error" | "Info" | "Warning";
+            readonly variant: "Error" | "Success" | "Info" | "Warning";
             readonly animation: {
                 readonly id: string;
                 readonly isShowing: boolean;
@@ -359,7 +331,7 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
             readonly _tag: "Added";
             readonly entry: {
                 readonly id: string;
-                readonly variant: "Success" | "Error" | "Info" | "Warning";
+                readonly variant: "Error" | "Success" | "Info" | "Warning";
                 readonly animation: {
                     readonly id: string;
                     readonly isShowing: boolean;
@@ -371,13 +343,16 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
                 readonly payload: A;
             };
         }, never, never>;
-    }>[]];
+    }>[], import("effect/Option").Option<{
+        readonly _tag: "DismissedToast";
+        readonly payload: A;
+    }>];
     readonly show: (model: {
         readonly id: string;
         readonly defaultDuration: import("effect/Duration").Duration;
         readonly entries: readonly {
             readonly id: string;
-            readonly variant: "Success" | "Error" | "Info" | "Warning";
+            readonly variant: "Error" | "Success" | "Info" | "Warning";
             readonly animation: {
                 readonly id: string;
                 readonly isShowing: boolean;
@@ -399,7 +374,7 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
         readonly defaultDuration: import("effect/Duration").Duration;
         readonly entries: readonly {
             readonly id: string;
-            readonly variant: "Success" | "Error" | "Info" | "Warning";
+            readonly variant: "Error" | "Success" | "Info" | "Warning";
             readonly animation: {
                 readonly id: string;
                 readonly isShowing: boolean;
@@ -445,7 +420,7 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
             readonly _tag: "Added";
             readonly entry: {
                 readonly id: string;
-                readonly variant: "Success" | "Error" | "Info" | "Warning";
+                readonly variant: "Error" | "Success" | "Info" | "Warning";
                 readonly animation: {
                     readonly id: string;
                     readonly isShowing: boolean;
@@ -457,13 +432,16 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
                 readonly payload: A;
             };
         }, never, never>;
-    }>[]];
+    }>[], import("effect/Option").Option<{
+        readonly _tag: "DismissedToast";
+        readonly payload: A;
+    }>];
     readonly dismiss: (model: {
         readonly id: string;
         readonly defaultDuration: import("effect/Duration").Duration;
         readonly entries: readonly {
             readonly id: string;
-            readonly variant: "Success" | "Error" | "Info" | "Warning";
+            readonly variant: "Error" | "Success" | "Info" | "Warning";
             readonly animation: {
                 readonly id: string;
                 readonly isShowing: boolean;
@@ -480,7 +458,7 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
         readonly defaultDuration: import("effect/Duration").Duration;
         readonly entries: readonly {
             readonly id: string;
-            readonly variant: "Success" | "Error" | "Info" | "Warning";
+            readonly variant: "Error" | "Success" | "Info" | "Warning";
             readonly animation: {
                 readonly id: string;
                 readonly isShowing: boolean;
@@ -526,7 +504,7 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
             readonly _tag: "Added";
             readonly entry: {
                 readonly id: string;
-                readonly variant: "Success" | "Error" | "Info" | "Warning";
+                readonly variant: "Error" | "Success" | "Info" | "Warning";
                 readonly animation: {
                     readonly id: string;
                     readonly isShowing: boolean;
@@ -538,13 +516,16 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
                 readonly payload: A;
             };
         }, never, never>;
-    }>[]];
+    }>[], import("effect/Option").Option<{
+        readonly _tag: "DismissedToast";
+        readonly payload: A;
+    }>];
     readonly dismissAll: (model: {
         readonly id: string;
         readonly defaultDuration: import("effect/Duration").Duration;
         readonly entries: readonly {
             readonly id: string;
-            readonly variant: "Success" | "Error" | "Info" | "Warning";
+            readonly variant: "Error" | "Success" | "Info" | "Warning";
             readonly animation: {
                 readonly id: string;
                 readonly isShowing: boolean;
@@ -561,7 +542,7 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
         readonly defaultDuration: import("effect/Duration").Duration;
         readonly entries: readonly {
             readonly id: string;
-            readonly variant: "Success" | "Error" | "Info" | "Warning";
+            readonly variant: "Error" | "Success" | "Info" | "Warning";
             readonly animation: {
                 readonly id: string;
                 readonly isShowing: boolean;
@@ -607,7 +588,7 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
             readonly _tag: "Added";
             readonly entry: {
                 readonly id: string;
-                readonly variant: "Success" | "Error" | "Info" | "Warning";
+                readonly variant: "Error" | "Success" | "Info" | "Warning";
                 readonly animation: {
                     readonly id: string;
                     readonly isShowing: boolean;
@@ -619,6 +600,9 @@ export declare const make: <A, I>(payloadSchema: S.Codec<A, I>) => {
                 readonly payload: A;
             };
         }, never, never>;
-    }>[]];
+    }>[], import("effect/Option").Option<{
+        readonly _tag: "DismissedToast";
+        readonly payload: A;
+    }>];
 };
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/toast/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEhD,OAAO,EACL,KAAK,SAAS,EACd,KAAK,IAAI,EAGV,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,SAAS,EACT,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,OAAO,EACR,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,YAAY,EAAe,MAAM,aAAa,CAAA;AAEvD,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC7C,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,OAAO,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,SAAS,EACT,mBAAmB,EACnB,YAAY,GACb,CAAA;AA0ED;yDACyD;AACzD,MAAM,MAAM,aAAa,CAAC,aAAa,IAAI,QAAQ,CAAC;IAClD,OAAO,EAAE,aAAa,CAAA;CACvB,CAAC,CAAA;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,IAAI,GAAI,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;oBAyBvC,aAAa;;;;;;;;;;;;;;;;;;;kBAlBf,QAAQ;mCAEP,SAAS,GAAG,YAAY,GAAG,SAAS;;;;;;;;;;;;;;;eAEwB,IAAI;oBAC/D,MAAM;oBACN,MAAM;;yBAED,MAAM;;WAUwC,IAAI;oBAiFvD,aAAa,gBACX,IAAI;;;;;;;;;;;;;;;;;;;kBApGR,QAAQ;mCAEP,SAAS,GAAG,YAAY,GAAG,SAAS;;;;;;;;;;;;;;;eAEwB,IAAI;oBAC/D,MAAM;oBACN,MAAM;;yBAED,MAAM;;QA8FrB,OAAO,GAAG,iBAAiB,GAAG,aAAa,CAC5C,KACA,CAAC,CACF,KAAK;;;;;;;;;;;;;;;;;KAA2B,EAChC,eAAe,YAxGJ,SAAS,GAAG,YAAY,GAAG,SAAS,kBAwGc,EAC7D,WAAW;;;;;;;;;;;;;;WAvG4D,IAuGlB,KAClD,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBX,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEhD,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,IAAI,EAIV,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,SAAS,EACT,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,OAAO,EACR,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,YAAY,EAAe,MAAM,aAAa,CAAA;AAEvD,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC7C,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,OAAO,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,SAAS,EACT,mBAAmB,EACnB,YAAY,GACb,CAAA;AA0ED;;;;qDAIqD;AACrD,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;IACnC,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;CACvC,CAAC,CAAA;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,IAAI,GAAI,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAUzC,QAAQ;qBACL,CAAC,KAAK;;;;;;;;;;;;SAAO,EAAE,QAAQ,EAAE,aAAa,KAAK,IAAI;oBAChD,MAAM;6BACG,MAAM;yBACV,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2F1B,CAAA"}

package/dist/ui/toast/index.js

@@ -1,5 +1,5 @@
 import { Match as M } from 'effect';
-import { createLazy, html, } from '../../html/index.js';
+import { childAttributes, defineView, html, } from '../../html/index.js';
 import { Dismissed, DismissedAll, ElapsedDuration, GotAnimationMessage, HoveredEntry, LeftEntry, Position, Variant, } from './schema.js';
 import { DismissAfter, makeRuntime } from './update.js';
 export { Variant, Position, Dismissed, DismissedAll, ElapsedDuration, HoveredEntry, LeftEntry, GotAnimationMessage, DismissAfter, };
@@ -56,11 +56,11 @@ const DEFAULT_ARIA_LABEL = 'Notifications';
  *  `dismiss` / `dismissAll` helpers, and the headless `view`.
  *
  *  The payload is whatever content shape the consumer supplies via Schema.
- *  The component never reads it — it flows through to `renderEntry`. The
+ *  The component never reads it. It flows through to `entryToView`. The
  *  component itself owns only lifecycle and a11y fields (id, variant,
  *  animation, dismiss timer, hover state).
  *
- *  Consume the bound module's exports everywhere — `Toast.Model` in your app
+ *  Consume the bound module's exports everywhere. `Toast.Model` in your app
  *  Model, `Toast.Message` in your parent Message union, `Toast.show` /
  *  `Toast.dismiss` in your update, `Toast.view` in your view. The top-level
  *  exports (`Variant`, `Position`, static message tags, `DismissAfter`) are
@@ -87,17 +87,17 @@ export const make = (payloadSchema) => {
      *  animation data attributes (`data-enter`, `data-leave`,
      *  `data-transition`, `data-closed`) and `data-variant` reflecting the
      *  entry's variant. */
-    const view = (config) => {
+    const view = defineView((model, viewInputs) => {
         const h = html();
-        const { model: { id, entries }, position, toParentMessage, renderEntry, ariaLabel = DEFAULT_ARIA_LABEL, className, attributes = [], entryClassName, entryAttributes = [], } = config;
+        const { id, entries } = model;
+        const { position, entryToView, ariaLabel = DEFAULT_ARIA_LABEL, containerClassName, entryClassName, } = viewInputs;
         const containerAttributes = [
             h.Id(id),
             h.Role('region'),
             h.AriaLabel(ariaLabel),
             h.AriaLive('polite'),
             h.Style(positionToContainerStyle(position)),
-            ...(className ? [h.Class(className)] : []),
-            ...attributes,
+            ...(containerClassName ? [h.Class(containerClassName)] : []),
         ];
         const renderEntryItem = (entry) => {
             const { transitionState } = entry.animation;
@@ -116,43 +116,30 @@ export const make = (payloadSchema) => {
                 h.DataAttribute('leave', ''),
                 h.DataAttribute('transition', ''),
             ]), M.orElse(() => []));
-            const handlers = {
-                dismiss: toParentMessage(Dismissed({ entryId: entry.id })),
-            };
             const itemAttributes = [
                 h.Id(entry.id),
                 h.Role(variantToRole(entry.variant)),
                 h.AriaAtomic(true),
                 h.DataAttribute('variant', entry.variant),
                 h.Style({ pointerEvents: 'auto' }),
-                h.OnMouseEnter(toParentMessage(HoveredEntry({ entryId: entry.id }))),
-                h.OnMouseLeave(toParentMessage(LeftEntry({ entryId: entry.id }))),
+                h.OnMouseEnter(HoveredEntry({ entryId: entry.id })),
+                h.OnMouseLeave(LeftEntry({ entryId: entry.id })),
                 ...animationAttributes,
                 ...(entryClassName ? [h.Class(entryClassName)] : []),
-                ...entryAttributes,
             ];
+            const handlers = {
+                dismiss: childAttributes([
+                    h.OnClick(Dismissed({ entryId: entry.id })),
+                ]),
+            };
             return h.keyed('li')(entry.id, itemAttributes, [
-                renderEntry(entry, handlers),
+                entryToView(entry, handlers),
             ]);
         };
         return h.keyed('ol')(id, containerAttributes, entries.map(renderEntryItem));
-    };
-    /** Creates a memoized toast container view. Static config (className,
-     *  entryClassName, etc.) is captured in a closure. Dynamic fields —
-     *  `model`, `toParentMessage`, and `renderEntry` — are compared by
-     *  reference per render via `createLazy`. */
-    const lazy = (staticConfig) => {
-        const lazyView = createLazy();
-        return (model, toParentMessage, renderEntry) => lazyView((currentModel, currentToParentMessage, currentRenderEntry) => view({
-            ...staticConfig,
-            model: currentModel,
-            toParentMessage: currentToParentMessage,
-            renderEntry: currentRenderEntry,
-        }), [model, toParentMessage, renderEntry]);
-    };
+    });
     return {
         ...runtime,
         view,
-        lazy,
     };
 };

package/dist/ui/toast/schema.d.ts

@@ -2,7 +2,7 @@ import { Duration, Schema as S } from 'effect';
 /** Semantic category of a toast. Drives the default ARIA role: `status` for
  *  `Info` / `Success`, `alert` for `Warning` / `Error`. Also surfaced as
  *  `data-variant` on each entry for per-variant CSS. This is the only
- *  content-adjacent field the component owns — the rest of the entry's
+ *  content-adjacent field the component owns. The rest of the entry's
  *  content lives in the user-provided payload. */
 export declare const Variant: S.Literals<readonly ["Info", "Success", "Warning", "Error"]>;
 export type Variant = typeof Variant.Type;
@@ -10,7 +10,7 @@ export type Variant = typeof Variant.Type;
 export declare const Position: S.Literals<readonly ["TopLeft", "TopCenter", "TopRight", "BottomLeft", "BottomCenter", "BottomRight"]>;
 export type Position = typeof Position.Type;
 /** Schema factory for a single toast entry. `payloadSchema` is user-provided
- *  and defines the shape of per-entry content — whatever the consumer wants
+ *  and defines the shape of per-entry content, whatever the consumer wants
  *  to encode. The component itself owns only lifecycle + a11y fields: `id`,
  *  `variant` (for ARIA role), `animation`, `maybeDuration`,
  *  `pendingDismissVersion` (for cancellable auto-dismiss), and `isHovered`
@@ -30,8 +30,8 @@ export declare const makeEntry: <A, I>(payloadSchema: S.Codec<A, I>) => S.Struct
 }>;
 /** Schema factory for the toast container's state. `nextEntryKey` is a
  *  monotonic counter used to generate unique entry IDs purely from Model
- *  state. Thread the updated model through successive `show()` calls —
- *  calling `show()` twice against the same pre-update model in the same tick
+ *  state. Thread the updated model through successive `show()` calls.
+ *  Calling `show()` twice against the same pre-update model in the same tick
  *  will produce duplicate entry IDs. */
 export declare const makeModel: <A, I>(payloadSchema: S.Codec<A, I>) => S.Struct<{
     readonly id: S.String;
@@ -131,6 +131,17 @@ export declare const makeMessage: <A, I>(payloadSchema: S.Codec<A, I>) => S.Unio
     entryId: S.String;
     message: S.Union<[import("../../schema/index.js").CallableTaggedStruct<"Showed", {}>, import("../../schema/index.js").CallableTaggedStruct<"Hid", {}>, import("../../schema/index.js").CallableTaggedStruct<"AdvancedAnimationFrame", {}>, import("../../schema/index.js").CallableTaggedStruct<"EndedAnimation", {}>]>;
 }>]>;
+/** Factory for `DismissedToast`, the OutMessage emitted once an entry has
+ *  finished dismissing (leave-animation `TransitionedOut`). Carries the
+ *  payload so consumers can lift the dismissal into a domain Message
+ *  without looking the entry up from a stale model. */
+export declare const makeDismissedToast: <A, I>(payloadSchema: S.Codec<A, I>) => import("../../schema/index.js").CallableTaggedStruct<"DismissedToast", {
+    payload: S.Codec<A, I, never, never>;
+}>;
+/** Factory for the union of out-messages the toast component can produce. */
+export declare const makeOutMessage: <A, I>(payloadSchema: S.Codec<A, I>) => S.Union<readonly [import("../../schema/index.js").CallableTaggedStruct<"DismissedToast", {
+    payload: S.Codec<A, I, never, never>;
+}>]>;
 /** Configuration for creating a toast container model. `defaultDuration` is
  *  applied to any `show()` call that doesn't provide its own `duration` or
  *  pass `sticky: true`. Accepts any Effect Duration input; a bare number is

package/dist/ui/toast/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/ui/toast/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAU9C;;;;kDAIkD;AAClD,eAAO,MAAM,OAAO,8DAAsD,CAAA;AAC1E,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,gFAAgF;AAChF,eAAO,MAAM,QAAQ,wGAOnB,CAAA;AACF,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC,IAAI,CAAA;AAI3C;;;;;4BAK4B;AAC5B,eAAO,MAAM,SAAS,GAAI,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;;;;EASxD,CAAA;AAIJ;;;;wCAIwC;AACxC,eAAO,MAAM,SAAS,GAAI,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;EAMxD,CAAA;AAIJ;wEACwE;AACxE,eAAO,MAAM,SAAS;;EAAwC,CAAA;AAC9D,uEAAuE;AACvE,eAAO,MAAM,YAAY,0EAAoB,CAAA;AAC7C;;qBAEqB;AACrB,eAAO,MAAM,eAAe;;;EAG1B,CAAA;AACF;qCACqC;AACrC,eAAO,MAAM,YAAY;;EAA2C,CAAA;AACpE;sCACsC;AACtC,eAAO,MAAM,SAAS;;EAAwC,CAAA;AAC9D,wEAAwE;AACxE,eAAO,MAAM,mBAAmB;;;EAG9B,CAAA;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,IAAI,CAAA;AAC7C,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC,IAAI,CAAA;AACnD,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC,IAAI,CAAA;AACzD,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC,IAAI,CAAA;AACnD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,IAAI,CAAA;AAC7C,MAAM,MAAM,mBAAmB,GAAG,OAAO,mBAAmB,CAAC,IAAI,CAAA;AAEjE;wDACwD;AACxD,eAAO,MAAM,SAAS,GAAI,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;;;;;;EACX,CAAA;AAEjD,6EAA6E;AAC7E,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;IAS1D,CAAA;AAIJ;;;mCAGmC;AACnC,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,eAAe,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAA;CACjC,CAAC,CAAA;AAEF,eAAO,MAAM,gBAAgB,mBAAsB,CAAA"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/ui/toast/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAU9C;;;;kDAIkD;AAClD,eAAO,MAAM,OAAO,8DAAsD,CAAA;AAC1E,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,gFAAgF;AAChF,eAAO,MAAM,QAAQ,wGAOnB,CAAA;AACF,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC,IAAI,CAAA;AAI3C;;;;;4BAK4B;AAC5B,eAAO,MAAM,SAAS,GAAI,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;;;;EASxD,CAAA;AAIJ;;;;wCAIwC;AACxC,eAAO,MAAM,SAAS,GAAI,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;EAMxD,CAAA;AAIJ;wEACwE;AACxE,eAAO,MAAM,SAAS;;EAAwC,CAAA;AAC9D,uEAAuE;AACvE,eAAO,MAAM,YAAY,0EAAoB,CAAA;AAC7C;;qBAEqB;AACrB,eAAO,MAAM,eAAe;;;EAG1B,CAAA;AACF;qCACqC;AACrC,eAAO,MAAM,YAAY;;EAA2C,CAAA;AACpE;sCACsC;AACtC,eAAO,MAAM,SAAS;;EAAwC,CAAA;AAC9D,wEAAwE;AACxE,eAAO,MAAM,mBAAmB;;;EAG9B,CAAA;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,IAAI,CAAA;AAC7C,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC,IAAI,CAAA;AACnD,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC,IAAI,CAAA;AACzD,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC,IAAI,CAAA;AACnD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,IAAI,CAAA;AAC7C,MAAM,MAAM,mBAAmB,GAAG,OAAO,mBAAmB,CAAC,IAAI,CAAA;AAEjE;wDACwD;AACxD,eAAO,MAAM,SAAS,GAAI,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;;;;;;EACX,CAAA;AAEjD,6EAA6E;AAC7E,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;IAS1D,CAAA;AAEJ;;;uDAGuD;AACvD,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;;EACpB,CAAA;AAEjD,6EAA6E;AAC7E,eAAO,MAAM,cAAc,GAAI,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;;IACnB,CAAA;AAI9C;;;mCAGmC;AACnC,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,eAAe,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAA;CACjC,CAAC,CAAA;AAEF,eAAO,MAAM,gBAAgB,mBAAsB,CAAA"}

package/dist/ui/toast/schema.js

@@ -5,7 +5,7 @@ import { Message as AnimationMessage, Model as AnimationModel, } from '../animat
 /** Semantic category of a toast. Drives the default ARIA role: `status` for
  *  `Info` / `Success`, `alert` for `Warning` / `Error`. Also surfaced as
  *  `data-variant` on each entry for per-variant CSS. This is the only
- *  content-adjacent field the component owns — the rest of the entry's
+ *  content-adjacent field the component owns. The rest of the entry's
  *  content lives in the user-provided payload. */
 export const Variant = S.Literals(['Info', 'Success', 'Warning', 'Error']);
 // POSITION
@@ -20,7 +20,7 @@ export const Position = S.Literals([
 ]);
 // ENTRY
 /** Schema factory for a single toast entry. `payloadSchema` is user-provided
- *  and defines the shape of per-entry content — whatever the consumer wants
+ *  and defines the shape of per-entry content, whatever the consumer wants
  *  to encode. The component itself owns only lifecycle + a11y fields: `id`,
  *  `variant` (for ARIA role), `animation`, `maybeDuration`,
  *  `pendingDismissVersion` (for cancellable auto-dismiss), and `isHovered`
@@ -37,8 +37,8 @@ export const makeEntry = (payloadSchema) => S.Struct({
 // MODEL
 /** Schema factory for the toast container's state. `nextEntryKey` is a
  *  monotonic counter used to generate unique entry IDs purely from Model
- *  state. Thread the updated model through successive `show()` calls —
- *  calling `show()` twice against the same pre-update model in the same tick
+ *  state. Thread the updated model through successive `show()` calls.
+ *  Calling `show()` twice against the same pre-update model in the same tick
  *  will produce duplicate entry IDs. */
 export const makeModel = (payloadSchema) => S.Struct({
     id: S.String,
@@ -83,4 +83,11 @@ export const makeMessage = (payloadSchema) => S.Union([
     LeftEntry,
     GotAnimationMessage,
 ]);
+/** Factory for `DismissedToast`, the OutMessage emitted once an entry has
+ *  finished dismissing (leave-animation `TransitionedOut`). Carries the
+ *  payload so consumers can lift the dismissal into a domain Message
+ *  without looking the entry up from a stale model. */
+export const makeDismissedToast = (payloadSchema) => m('DismissedToast', { payload: payloadSchema });
+/** Factory for the union of out-messages the toast component can produce. */
+export const makeOutMessage = (payloadSchema) => S.Union([makeDismissedToast(payloadSchema)]);
 export const DEFAULT_DURATION = Duration.seconds(4);