@foldkit/ui 0.162.0 → 0.163.0-canary.b415a3e22be5

package/dist/toast/index.d.ts

@@ -1,16 +1,13 @@
-import { Schema } from 'effect';
+import { Option, Schema } from 'effect';
 import { type ChildAttribute, type Html } from 'foldkit/html';
-import { Message, Position, Variant } from './schema.js';
-import { WaitBeforeDismissal } from './update.js';
-export type { CompletedWaitBeforeDismissal, Dismissed, DismissedAll, GotAnimationMessage, HoveredEntry, InitConfig, LeftEntry, } from './schema.js';
+import { Position, Variant } from './schema.js';
+export type { CompletedWaitBeforeDismissal, Dismissed, DismissedAll, GotAnimationMessage, PressedEntryPointer, MovedSwipePointer, ReleasedSwipePointer, CancelledSwipe, PressedEscape, CompletedWaitForSwipeSettled, HoveredEntry, InitConfig, LeftEntry, SwipeToDismissConfig, } from './schema.js';
 export type { ShowInput } from './update.js';
 export * as test from './test.js';
-export { Message, Variant, Position, WaitBeforeDismissal };
-/** 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 { Message, Variant, Position, SwipeDirection, SwipeState, DEFAULT_SWIPE_DIRECTION, DEFAULT_SWIPE_THRESHOLD, SWIPE_SETTLE_DURATION, } from './schema.js';
+export { WaitBeforeDismissal, WaitForSwipeSettled, swipeOffset, } from './update.js';
+/** Handlers passed to `entryToView`. Spread `dismiss` onto a close button's
+ *  attributes to dispatch `Dismissed` for this entry. */
 export type EntryHandlers = Readonly<{
     dismiss: ReadonlyArray<ChildAttribute>;
 }>;
@@ -21,16 +18,15 @@ export type EntryHandlers = Readonly<{
  *
  *  The payload is whatever content shape the consumer supplies via Schema.
  *  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).
+ *  component owns the entry's lifecycle, accessibility role, dismiss timer,
+ *  hover state, and swipe state.
  *
  *  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,
- *  `WaitBeforeDismissal`) are
- *  payload-independent and safe to reference when you need them without a
- *  bound module, but the typical path is through the factory return.
+ *  exports provide payload-independent Schemas, constants, and Commands.
+ *  Use the bound module for the payload-specific Model, Message, helpers,
+ *  and view.
  *
  *  @example
  *  ```ts
@@ -56,6 +52,22 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
         readonly maybeDuration: Schema.Option<Schema.DurationFromMillis>;
         readonly pendingDismissVersion: Schema.Number;
         readonly isHovered: Schema.Boolean;
+        readonly swipeState: import("foldkit/schema").TaggedUnion<{
+            readonly Idle: {};
+            readonly Dragging: {
+                pointerId: Schema.Number;
+                startX: Schema.Number;
+                currentX: Schema.Number;
+            };
+            readonly Settling: {
+                offsetX: Schema.Number;
+            };
+            readonly Dismissing: {
+                offsetX: Schema.Number;
+                direction: Schema.Literals<readonly ["Left", "Right"]>;
+            };
+        }>;
+        readonly swipeVersion: Schema.Number;
         readonly payload: Schema.Codec<A, I, never, never>;
     }>;
     readonly Model: Schema.Struct<{
@@ -72,9 +84,29 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
             readonly maybeDuration: Schema.Option<Schema.DurationFromMillis>;
             readonly pendingDismissVersion: Schema.Number;
             readonly isHovered: Schema.Boolean;
+            readonly swipeState: import("foldkit/schema").TaggedUnion<{
+                readonly Idle: {};
+                readonly Dragging: {
+                    pointerId: Schema.Number;
+                    startX: Schema.Number;
+                    currentX: Schema.Number;
+                };
+                readonly Settling: {
+                    offsetX: Schema.Number;
+                };
+                readonly Dismissing: {
+                    offsetX: Schema.Number;
+                    direction: Schema.Literals<readonly ["Left", "Right"]>;
+                };
+            }>;
+            readonly swipeVersion: Schema.Number;
             readonly payload: Schema.Codec<A, I, never, never>;
         }>>;
         readonly nextEntryKey: Schema.Number;
+        readonly maybeSwipeConfig: Schema.Option<Schema.Struct<{
+            readonly direction: Schema.Literals<readonly ["Left", "Right"]>;
+            readonly threshold: Schema.Number;
+        }>>;
     }>;
     readonly Message: import("foldkit/message").MessageUnion<{
         readonly Added: {
@@ -89,6 +121,22 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                 readonly maybeDuration: Schema.Option<Schema.DurationFromMillis>;
                 readonly pendingDismissVersion: Schema.Number;
                 readonly isHovered: Schema.Boolean;
+                readonly swipeState: import("foldkit/schema").TaggedUnion<{
+                    readonly Idle: {};
+                    readonly Dragging: {
+                        pointerId: Schema.Number;
+                        startX: Schema.Number;
+                        currentX: Schema.Number;
+                    };
+                    readonly Settling: {
+                        offsetX: Schema.Number;
+                    };
+                    readonly Dismissing: {
+                        offsetX: Schema.Number;
+                        direction: Schema.Literals<readonly ["Left", "Right"]>;
+                    };
+                }>;
+                readonly swipeVersion: Schema.Number;
                 readonly payload: Schema.Codec<A, I, never, never>;
             }>;
         };
@@ -115,6 +163,27 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                 readonly EndedAnimation: {};
             }>;
         };
+        readonly PressedEntryPointer: {
+            entryId: Schema.String;
+            pointerId: Schema.Number;
+            clientX: Schema.Number;
+        };
+        readonly MovedSwipePointer: {
+            pointerId: Schema.Number;
+            clientX: Schema.Number;
+        };
+        readonly ReleasedSwipePointer: {
+            pointerId: Schema.Number;
+            clientX: Schema.Number;
+        };
+        readonly CancelledSwipe: {
+            pointerId: Schema.Number;
+        };
+        readonly PressedEscape: {};
+        readonly CompletedWaitForSwipeSettled: {
+            entryId: Schema.String;
+            version: Schema.Number;
+        };
     }>;
     readonly OutMessage: import("foldkit/message").MessageUnion<{
         readonly DismissedToast: {
@@ -133,6 +202,22 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
             readonly maybeDuration: Schema.Option<Schema.DurationFromMillis>;
             readonly pendingDismissVersion: Schema.Number;
             readonly isHovered: Schema.Boolean;
+            readonly swipeState: import("foldkit/schema").TaggedUnion<{
+                readonly Idle: {};
+                readonly Dragging: {
+                    pointerId: Schema.Number;
+                    startX: Schema.Number;
+                    currentX: Schema.Number;
+                };
+                readonly Settling: {
+                    offsetX: Schema.Number;
+                };
+                readonly Dismissing: {
+                    offsetX: Schema.Number;
+                    direction: Schema.Literals<readonly ["Left", "Right"]>;
+                };
+            }>;
+            readonly swipeVersion: Schema.Number;
             readonly payload: Schema.Codec<A, I, never, never>;
         }>;
     }>;
@@ -142,6 +227,7 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
     readonly init: (config: Readonly<{
         id: string;
         defaultDuration?: import("effect/Duration").Input;
+        swipeToDismiss?: import("./schema.js").SwipeToDismissConfig;
     }>) => {
         readonly id: string;
         readonly defaultDuration: import("effect/Duration").Duration;
@@ -153,12 +239,32 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                 readonly isShowing: boolean;
                 readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
             };
-            readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
+            readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
             readonly pendingDismissVersion: number;
             readonly isHovered: boolean;
+            readonly swipeState: {
+                readonly _tag: "Dismissing";
+                readonly offsetX: number;
+                readonly direction: "Left" | "Right";
+            } | {
+                readonly _tag: "Dragging";
+                readonly pointerId: number;
+                readonly startX: number;
+                readonly currentX: number;
+            } | {
+                readonly _tag: "Idle";
+            } | {
+                readonly _tag: "Settling";
+                readonly offsetX: number;
+            };
+            readonly swipeVersion: number;
             readonly payload: A;
         }[];
         readonly nextEntryKey: number;
+        readonly maybeSwipeConfig: Option.Option<{
+            readonly direction: "Left" | "Right";
+            readonly threshold: number;
+        }>;
     };
     readonly update: (model: {
         readonly id: string;
@@ -171,15 +277,33 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                 readonly isShowing: boolean;
                 readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
             };
-            readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
+            readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
             readonly pendingDismissVersion: number;
             readonly isHovered: boolean;
+            readonly swipeState: {
+                readonly _tag: "Dismissing";
+                readonly offsetX: number;
+                readonly direction: "Left" | "Right";
+            } | {
+                readonly _tag: "Dragging";
+                readonly pointerId: number;
+                readonly startX: number;
+                readonly currentX: number;
+            } | {
+                readonly _tag: "Idle";
+            } | {
+                readonly _tag: "Settling";
+                readonly offsetX: number;
+            };
+            readonly swipeVersion: number;
             readonly payload: A;
         }[];
         readonly nextEntryKey: number;
+        readonly maybeSwipeConfig: Option.Option<{
+            readonly direction: "Left" | "Right";
+            readonly threshold: number;
+        }>;
     }, message: {
-        readonly _tag: "DismissedAll";
-    } | {
         readonly _tag: "Added";
         readonly entry: {
             readonly id: string;
@@ -189,15 +313,38 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                 readonly isShowing: boolean;
                 readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
             };
-            readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
+            readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
             readonly pendingDismissVersion: number;
             readonly isHovered: boolean;
+            readonly swipeState: {
+                readonly _tag: "Dismissing";
+                readonly offsetX: number;
+                readonly direction: "Left" | "Right";
+            } | {
+                readonly _tag: "Dragging";
+                readonly pointerId: number;
+                readonly startX: number;
+                readonly currentX: number;
+            } | {
+                readonly _tag: "Idle";
+            } | {
+                readonly _tag: "Settling";
+                readonly offsetX: number;
+            };
+            readonly swipeVersion: number;
             readonly payload: A;
         };
+    } | {
+        readonly _tag: "CancelledSwipe";
+        readonly pointerId: number;
     } | {
         readonly _tag: "CompletedWaitBeforeDismissal";
         readonly entryId: string;
         readonly version: number;
+    } | {
+        readonly _tag: "CompletedWaitForSwipeSettled";
+        readonly entryId: string;
+        readonly version: number;
     } | {
         readonly _tag: "Dismissed";
         readonly entryId: string;
@@ -219,6 +366,23 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
     } | {
         readonly _tag: "LeftEntry";
         readonly entryId: string;
+    } | {
+        readonly _tag: "MovedSwipePointer";
+        readonly pointerId: number;
+        readonly clientX: number;
+    } | {
+        readonly _tag: "PressedEntryPointer";
+        readonly entryId: string;
+        readonly pointerId: number;
+        readonly clientX: number;
+    } | {
+        readonly _tag: "ReleasedSwipePointer";
+        readonly pointerId: number;
+        readonly clientX: number;
+    } | {
+        readonly _tag: "DismissedAll";
+    } | {
+        readonly _tag: "PressedEscape";
     }) => Readonly<{
         model: {
             readonly id: string;
@@ -231,16 +395,34 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                     readonly isShowing: boolean;
                     readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
                 };
-                readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
+                readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
                 readonly pendingDismissVersion: number;
                 readonly isHovered: boolean;
+                readonly swipeState: {
+                    readonly _tag: "Dismissing";
+                    readonly offsetX: number;
+                    readonly direction: "Left" | "Right";
+                } | {
+                    readonly _tag: "Dragging";
+                    readonly pointerId: number;
+                    readonly startX: number;
+                    readonly currentX: number;
+                } | {
+                    readonly _tag: "Idle";
+                } | {
+                    readonly _tag: "Settling";
+                    readonly offsetX: number;
+                };
+                readonly swipeVersion: number;
                 readonly payload: A;
             }[];
             readonly nextEntryKey: number;
+            readonly maybeSwipeConfig: Option.Option<{
+                readonly direction: "Left" | "Right";
+                readonly threshold: number;
+            }>;
         };
         commands?: import("foldkit/update").Commands<{
-            readonly _tag: "DismissedAll";
-        } | {
             readonly _tag: "Added";
             readonly entry: {
                 readonly id: string;
@@ -250,15 +432,38 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                     readonly isShowing: boolean;
                     readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
                 };
-                readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
+                readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
                 readonly pendingDismissVersion: number;
                 readonly isHovered: boolean;
+                readonly swipeState: {
+                    readonly _tag: "Dismissing";
+                    readonly offsetX: number;
+                    readonly direction: "Left" | "Right";
+                } | {
+                    readonly _tag: "Dragging";
+                    readonly pointerId: number;
+                    readonly startX: number;
+                    readonly currentX: number;
+                } | {
+                    readonly _tag: "Idle";
+                } | {
+                    readonly _tag: "Settling";
+                    readonly offsetX: number;
+                };
+                readonly swipeVersion: number;
                 readonly payload: A;
             };
+        } | {
+            readonly _tag: "CancelledSwipe";
+            readonly pointerId: number;
         } | {
             readonly _tag: "CompletedWaitBeforeDismissal";
             readonly entryId: string;
             readonly version: number;
+        } | {
+            readonly _tag: "CompletedWaitForSwipeSettled";
+            readonly entryId: string;
+            readonly version: number;
         } | {
             readonly _tag: "Dismissed";
             readonly entryId: string;
@@ -280,6 +485,23 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
         } | {
             readonly _tag: "LeftEntry";
             readonly entryId: string;
+        } | {
+            readonly _tag: "MovedSwipePointer";
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "PressedEntryPointer";
+            readonly entryId: string;
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "ReleasedSwipePointer";
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "DismissedAll";
+        } | {
+            readonly _tag: "PressedEscape";
         }, never>;
         outMessage?: {
             readonly _tag: "DismissedToast";
@@ -297,12 +519,32 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                 readonly isShowing: boolean;
                 readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
             };
-            readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
+            readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
             readonly pendingDismissVersion: number;
             readonly isHovered: boolean;
+            readonly swipeState: {
+                readonly _tag: "Dismissing";
+                readonly offsetX: number;
+                readonly direction: "Left" | "Right";
+            } | {
+                readonly _tag: "Dragging";
+                readonly pointerId: number;
+                readonly startX: number;
+                readonly currentX: number;
+            } | {
+                readonly _tag: "Idle";
+            } | {
+                readonly _tag: "Settling";
+                readonly offsetX: number;
+            };
+            readonly swipeVersion: number;
             readonly payload: A;
         }[];
         readonly nextEntryKey: number;
+        readonly maybeSwipeConfig: Option.Option<{
+            readonly direction: "Left" | "Right";
+            readonly threshold: number;
+        }>;
     }, input: Readonly<{
         payload: A;
         variant?: Variant;
@@ -320,16 +562,34 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                     readonly isShowing: boolean;
                     readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
                 };
-                readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
+                readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
                 readonly pendingDismissVersion: number;
                 readonly isHovered: boolean;
+                readonly swipeState: {
+                    readonly _tag: "Dismissing";
+                    readonly offsetX: number;
+                    readonly direction: "Left" | "Right";
+                } | {
+                    readonly _tag: "Dragging";
+                    readonly pointerId: number;
+                    readonly startX: number;
+                    readonly currentX: number;
+                } | {
+                    readonly _tag: "Idle";
+                } | {
+                    readonly _tag: "Settling";
+                    readonly offsetX: number;
+                };
+                readonly swipeVersion: number;
                 readonly payload: A;
             }[];
             readonly nextEntryKey: number;
+            readonly maybeSwipeConfig: Option.Option<{
+                readonly direction: "Left" | "Right";
+                readonly threshold: number;
+            }>;
         };
         commands?: import("foldkit/update").Commands<{
-            readonly _tag: "DismissedAll";
-        } | {
             readonly _tag: "Added";
             readonly entry: {
                 readonly id: string;
@@ -339,15 +599,38 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                     readonly isShowing: boolean;
                     readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
                 };
-                readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
+                readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
                 readonly pendingDismissVersion: number;
                 readonly isHovered: boolean;
+                readonly swipeState: {
+                    readonly _tag: "Dismissing";
+                    readonly offsetX: number;
+                    readonly direction: "Left" | "Right";
+                } | {
+                    readonly _tag: "Dragging";
+                    readonly pointerId: number;
+                    readonly startX: number;
+                    readonly currentX: number;
+                } | {
+                    readonly _tag: "Idle";
+                } | {
+                    readonly _tag: "Settling";
+                    readonly offsetX: number;
+                };
+                readonly swipeVersion: number;
                 readonly payload: A;
             };
+        } | {
+            readonly _tag: "CancelledSwipe";
+            readonly pointerId: number;
         } | {
             readonly _tag: "CompletedWaitBeforeDismissal";
             readonly entryId: string;
             readonly version: number;
+        } | {
+            readonly _tag: "CompletedWaitForSwipeSettled";
+            readonly entryId: string;
+            readonly version: number;
         } | {
             readonly _tag: "Dismissed";
             readonly entryId: string;
@@ -369,6 +652,23 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
         } | {
             readonly _tag: "LeftEntry";
             readonly entryId: string;
+        } | {
+            readonly _tag: "MovedSwipePointer";
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "PressedEntryPointer";
+            readonly entryId: string;
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "ReleasedSwipePointer";
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "DismissedAll";
+        } | {
+            readonly _tag: "PressedEscape";
         }, never>;
         outMessage?: {
             readonly _tag: "DismissedToast";
@@ -386,12 +686,32 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                 readonly isShowing: boolean;
                 readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
             };
-            readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
+            readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
             readonly pendingDismissVersion: number;
             readonly isHovered: boolean;
+            readonly swipeState: {
+                readonly _tag: "Dismissing";
+                readonly offsetX: number;
+                readonly direction: "Left" | "Right";
+            } | {
+                readonly _tag: "Dragging";
+                readonly pointerId: number;
+                readonly startX: number;
+                readonly currentX: number;
+            } | {
+                readonly _tag: "Idle";
+            } | {
+                readonly _tag: "Settling";
+                readonly offsetX: number;
+            };
+            readonly swipeVersion: number;
             readonly payload: A;
         }[];
         readonly nextEntryKey: number;
+        readonly maybeSwipeConfig: Option.Option<{
+            readonly direction: "Left" | "Right";
+            readonly threshold: number;
+        }>;
     }, entryId: string) => Readonly<{
         model: {
             readonly id: string;
@@ -404,16 +724,34 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                     readonly isShowing: boolean;
                     readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
                 };
-                readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
+                readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
                 readonly pendingDismissVersion: number;
                 readonly isHovered: boolean;
+                readonly swipeState: {
+                    readonly _tag: "Dismissing";
+                    readonly offsetX: number;
+                    readonly direction: "Left" | "Right";
+                } | {
+                    readonly _tag: "Dragging";
+                    readonly pointerId: number;
+                    readonly startX: number;
+                    readonly currentX: number;
+                } | {
+                    readonly _tag: "Idle";
+                } | {
+                    readonly _tag: "Settling";
+                    readonly offsetX: number;
+                };
+                readonly swipeVersion: number;
                 readonly payload: A;
             }[];
             readonly nextEntryKey: number;
+            readonly maybeSwipeConfig: Option.Option<{
+                readonly direction: "Left" | "Right";
+                readonly threshold: number;
+            }>;
         };
         commands?: import("foldkit/update").Commands<{
-            readonly _tag: "DismissedAll";
-        } | {
             readonly _tag: "Added";
             readonly entry: {
                 readonly id: string;
@@ -423,15 +761,38 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                     readonly isShowing: boolean;
                     readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
                 };
-                readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
+                readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
                 readonly pendingDismissVersion: number;
                 readonly isHovered: boolean;
+                readonly swipeState: {
+                    readonly _tag: "Dismissing";
+                    readonly offsetX: number;
+                    readonly direction: "Left" | "Right";
+                } | {
+                    readonly _tag: "Dragging";
+                    readonly pointerId: number;
+                    readonly startX: number;
+                    readonly currentX: number;
+                } | {
+                    readonly _tag: "Idle";
+                } | {
+                    readonly _tag: "Settling";
+                    readonly offsetX: number;
+                };
+                readonly swipeVersion: number;
                 readonly payload: A;
             };
+        } | {
+            readonly _tag: "CancelledSwipe";
+            readonly pointerId: number;
         } | {
             readonly _tag: "CompletedWaitBeforeDismissal";
             readonly entryId: string;
             readonly version: number;
+        } | {
+            readonly _tag: "CompletedWaitForSwipeSettled";
+            readonly entryId: string;
+            readonly version: number;
         } | {
             readonly _tag: "Dismissed";
             readonly entryId: string;
@@ -453,6 +814,23 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
         } | {
             readonly _tag: "LeftEntry";
             readonly entryId: string;
+        } | {
+            readonly _tag: "MovedSwipePointer";
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "PressedEntryPointer";
+            readonly entryId: string;
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "ReleasedSwipePointer";
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "DismissedAll";
+        } | {
+            readonly _tag: "PressedEscape";
         }, never>;
         outMessage?: {
             readonly _tag: "DismissedToast";
@@ -470,12 +848,32 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                 readonly isShowing: boolean;
                 readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
             };
-            readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
+            readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
             readonly pendingDismissVersion: number;
             readonly isHovered: boolean;
+            readonly swipeState: {
+                readonly _tag: "Dismissing";
+                readonly offsetX: number;
+                readonly direction: "Left" | "Right";
+            } | {
+                readonly _tag: "Dragging";
+                readonly pointerId: number;
+                readonly startX: number;
+                readonly currentX: number;
+            } | {
+                readonly _tag: "Idle";
+            } | {
+                readonly _tag: "Settling";
+                readonly offsetX: number;
+            };
+            readonly swipeVersion: number;
             readonly payload: A;
         }[];
         readonly nextEntryKey: number;
+        readonly maybeSwipeConfig: Option.Option<{
+            readonly direction: "Left" | "Right";
+            readonly threshold: number;
+        }>;
     }) => Readonly<{
         model: {
             readonly id: string;
@@ -488,16 +886,34 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                     readonly isShowing: boolean;
                     readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
                 };
-                readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
+                readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
                 readonly pendingDismissVersion: number;
                 readonly isHovered: boolean;
+                readonly swipeState: {
+                    readonly _tag: "Dismissing";
+                    readonly offsetX: number;
+                    readonly direction: "Left" | "Right";
+                } | {
+                    readonly _tag: "Dragging";
+                    readonly pointerId: number;
+                    readonly startX: number;
+                    readonly currentX: number;
+                } | {
+                    readonly _tag: "Idle";
+                } | {
+                    readonly _tag: "Settling";
+                    readonly offsetX: number;
+                };
+                readonly swipeVersion: number;
                 readonly payload: A;
             }[];
             readonly nextEntryKey: number;
+            readonly maybeSwipeConfig: Option.Option<{
+                readonly direction: "Left" | "Right";
+                readonly threshold: number;
+            }>;
         };
         commands?: import("foldkit/update").Commands<{
-            readonly _tag: "DismissedAll";
-        } | {
             readonly _tag: "Added";
             readonly entry: {
                 readonly id: string;
@@ -507,15 +923,38 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                     readonly isShowing: boolean;
                     readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
                 };
-                readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
+                readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
                 readonly pendingDismissVersion: number;
                 readonly isHovered: boolean;
+                readonly swipeState: {
+                    readonly _tag: "Dismissing";
+                    readonly offsetX: number;
+                    readonly direction: "Left" | "Right";
+                } | {
+                    readonly _tag: "Dragging";
+                    readonly pointerId: number;
+                    readonly startX: number;
+                    readonly currentX: number;
+                } | {
+                    readonly _tag: "Idle";
+                } | {
+                    readonly _tag: "Settling";
+                    readonly offsetX: number;
+                };
+                readonly swipeVersion: number;
                 readonly payload: A;
             };
+        } | {
+            readonly _tag: "CancelledSwipe";
+            readonly pointerId: number;
         } | {
             readonly _tag: "CompletedWaitBeforeDismissal";
             readonly entryId: string;
             readonly version: number;
+        } | {
+            readonly _tag: "CompletedWaitForSwipeSettled";
+            readonly entryId: string;
+            readonly version: number;
         } | {
             readonly _tag: "Dismissed";
             readonly entryId: string;
@@ -537,12 +976,278 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
         } | {
             readonly _tag: "LeftEntry";
             readonly entryId: string;
+        } | {
+            readonly _tag: "MovedSwipePointer";
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "PressedEntryPointer";
+            readonly entryId: string;
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "ReleasedSwipePointer";
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "DismissedAll";
+        } | {
+            readonly _tag: "PressedEscape";
         }, never>;
         outMessage?: {
             readonly _tag: "DismissedToast";
             readonly payload: A;
         };
     }>;
+    readonly subscriptions: {
+        readonly swipePointer: import("foldkit/subscription").EntryWithoutKeepAlive<{
+            readonly id: string;
+            readonly defaultDuration: import("effect/Duration").Duration;
+            readonly entries: readonly {
+                readonly id: string;
+                readonly variant: "Error" | "Info" | "Success" | "Warning";
+                readonly animation: {
+                    readonly id: string;
+                    readonly isShowing: boolean;
+                    readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
+                };
+                readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
+                readonly pendingDismissVersion: number;
+                readonly isHovered: boolean;
+                readonly swipeState: {
+                    readonly _tag: "Dismissing";
+                    readonly offsetX: number;
+                    readonly direction: "Left" | "Right";
+                } | {
+                    readonly _tag: "Dragging";
+                    readonly pointerId: number;
+                    readonly startX: number;
+                    readonly currentX: number;
+                } | {
+                    readonly _tag: "Idle";
+                } | {
+                    readonly _tag: "Settling";
+                    readonly offsetX: number;
+                };
+                readonly swipeVersion: number;
+                readonly payload: A;
+            }[];
+            readonly nextEntryKey: number;
+            readonly maybeSwipeConfig: Option.Option<{
+                readonly direction: "Left" | "Right";
+                readonly threshold: number;
+            }>;
+        }, {
+            readonly _tag: "Added";
+            readonly entry: {
+                readonly id: string;
+                readonly variant: "Error" | "Info" | "Success" | "Warning";
+                readonly animation: {
+                    readonly id: string;
+                    readonly isShowing: boolean;
+                    readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
+                };
+                readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
+                readonly pendingDismissVersion: number;
+                readonly isHovered: boolean;
+                readonly swipeState: {
+                    readonly _tag: "Dismissing";
+                    readonly offsetX: number;
+                    readonly direction: "Left" | "Right";
+                } | {
+                    readonly _tag: "Dragging";
+                    readonly pointerId: number;
+                    readonly startX: number;
+                    readonly currentX: number;
+                } | {
+                    readonly _tag: "Idle";
+                } | {
+                    readonly _tag: "Settling";
+                    readonly offsetX: number;
+                };
+                readonly swipeVersion: number;
+                readonly payload: A;
+            };
+        } | {
+            readonly _tag: "CancelledSwipe";
+            readonly pointerId: number;
+        } | {
+            readonly _tag: "CompletedWaitBeforeDismissal";
+            readonly entryId: string;
+            readonly version: number;
+        } | {
+            readonly _tag: "CompletedWaitForSwipeSettled";
+            readonly entryId: string;
+            readonly version: number;
+        } | {
+            readonly _tag: "Dismissed";
+            readonly entryId: string;
+        } | {
+            readonly _tag: "GotAnimationMessage";
+            readonly entryId: string;
+            readonly message: {
+                readonly _tag: "CompletedWaitForPaint";
+            } | {
+                readonly _tag: "EndedAnimation";
+            } | {
+                readonly _tag: "Hid";
+            } | {
+                readonly _tag: "Showed";
+            };
+        } | {
+            readonly _tag: "HoveredEntry";
+            readonly entryId: string;
+        } | {
+            readonly _tag: "LeftEntry";
+            readonly entryId: string;
+        } | {
+            readonly _tag: "MovedSwipePointer";
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "PressedEntryPointer";
+            readonly entryId: string;
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "ReleasedSwipePointer";
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "DismissedAll";
+        } | {
+            readonly _tag: "PressedEscape";
+        }, {
+            readonly isSwipeEnabled: boolean;
+            readonly isAnyDragging: boolean;
+        }, never> & {
+            readonly __subscription: never;
+        };
+        readonly swipeEscape: import("foldkit/subscription").EntryWithoutKeepAlive<{
+            readonly id: string;
+            readonly defaultDuration: import("effect/Duration").Duration;
+            readonly entries: readonly {
+                readonly id: string;
+                readonly variant: "Error" | "Info" | "Success" | "Warning";
+                readonly animation: {
+                    readonly id: string;
+                    readonly isShowing: boolean;
+                    readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
+                };
+                readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
+                readonly pendingDismissVersion: number;
+                readonly isHovered: boolean;
+                readonly swipeState: {
+                    readonly _tag: "Dismissing";
+                    readonly offsetX: number;
+                    readonly direction: "Left" | "Right";
+                } | {
+                    readonly _tag: "Dragging";
+                    readonly pointerId: number;
+                    readonly startX: number;
+                    readonly currentX: number;
+                } | {
+                    readonly _tag: "Idle";
+                } | {
+                    readonly _tag: "Settling";
+                    readonly offsetX: number;
+                };
+                readonly swipeVersion: number;
+                readonly payload: A;
+            }[];
+            readonly nextEntryKey: number;
+            readonly maybeSwipeConfig: Option.Option<{
+                readonly direction: "Left" | "Right";
+                readonly threshold: number;
+            }>;
+        }, {
+            readonly _tag: "Added";
+            readonly entry: {
+                readonly id: string;
+                readonly variant: "Error" | "Info" | "Success" | "Warning";
+                readonly animation: {
+                    readonly id: string;
+                    readonly isShowing: boolean;
+                    readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
+                };
+                readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
+                readonly pendingDismissVersion: number;
+                readonly isHovered: boolean;
+                readonly swipeState: {
+                    readonly _tag: "Dismissing";
+                    readonly offsetX: number;
+                    readonly direction: "Left" | "Right";
+                } | {
+                    readonly _tag: "Dragging";
+                    readonly pointerId: number;
+                    readonly startX: number;
+                    readonly currentX: number;
+                } | {
+                    readonly _tag: "Idle";
+                } | {
+                    readonly _tag: "Settling";
+                    readonly offsetX: number;
+                };
+                readonly swipeVersion: number;
+                readonly payload: A;
+            };
+        } | {
+            readonly _tag: "CancelledSwipe";
+            readonly pointerId: number;
+        } | {
+            readonly _tag: "CompletedWaitBeforeDismissal";
+            readonly entryId: string;
+            readonly version: number;
+        } | {
+            readonly _tag: "CompletedWaitForSwipeSettled";
+            readonly entryId: string;
+            readonly version: number;
+        } | {
+            readonly _tag: "Dismissed";
+            readonly entryId: string;
+        } | {
+            readonly _tag: "GotAnimationMessage";
+            readonly entryId: string;
+            readonly message: {
+                readonly _tag: "CompletedWaitForPaint";
+            } | {
+                readonly _tag: "EndedAnimation";
+            } | {
+                readonly _tag: "Hid";
+            } | {
+                readonly _tag: "Showed";
+            };
+        } | {
+            readonly _tag: "HoveredEntry";
+            readonly entryId: string;
+        } | {
+            readonly _tag: "LeftEntry";
+            readonly entryId: string;
+        } | {
+            readonly _tag: "MovedSwipePointer";
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "PressedEntryPointer";
+            readonly entryId: string;
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "ReleasedSwipePointer";
+            readonly pointerId: number;
+            readonly clientX: number;
+        } | {
+            readonly _tag: "DismissedAll";
+        } | {
+            readonly _tag: "PressedEscape";
+        }, {
+            readonly isSwipeEnabled: boolean;
+            readonly isAnyDragging: boolean;
+        }, never> & {
+            readonly __subscription: never;
+        };
+    };
+    readonly swipeOffset: typeof import("./update.js").swipeOffset;
     readonly view: import("foldkit/submodel").View<{
         readonly id: string;
         readonly defaultDuration: import("effect/Duration").Duration;
@@ -554,12 +1259,32 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                 readonly isShowing: boolean;
                 readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
             };
-            readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
+            readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
             readonly pendingDismissVersion: number;
             readonly isHovered: boolean;
+            readonly swipeState: {
+                readonly _tag: "Dismissing";
+                readonly offsetX: number;
+                readonly direction: "Left" | "Right";
+            } | {
+                readonly _tag: "Dragging";
+                readonly pointerId: number;
+                readonly startX: number;
+                readonly currentX: number;
+            } | {
+                readonly _tag: "Idle";
+            } | {
+                readonly _tag: "Settling";
+                readonly offsetX: number;
+            };
+            readonly swipeVersion: number;
             readonly payload: A;
         }[];
         readonly nextEntryKey: number;
+        readonly maybeSwipeConfig: Option.Option<{
+            readonly direction: "Left" | "Right";
+            readonly threshold: number;
+        }>;
     }, {
         readonly _tag: "Added";
         readonly entry: {
@@ -570,15 +1295,38 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                 readonly isShowing: boolean;
                 readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
             };
-            readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
+            readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
             readonly pendingDismissVersion: number;
             readonly isHovered: boolean;
+            readonly swipeState: {
+                readonly _tag: "Dismissing";
+                readonly offsetX: number;
+                readonly direction: "Left" | "Right";
+            } | {
+                readonly _tag: "Dragging";
+                readonly pointerId: number;
+                readonly startX: number;
+                readonly currentX: number;
+            } | {
+                readonly _tag: "Idle";
+            } | {
+                readonly _tag: "Settling";
+                readonly offsetX: number;
+            };
+            readonly swipeVersion: number;
             readonly payload: A;
         };
+    } | {
+        readonly _tag: "CancelledSwipe";
+        readonly pointerId: number;
     } | {
         readonly _tag: "CompletedWaitBeforeDismissal";
         readonly entryId: string;
         readonly version: number;
+    } | {
+        readonly _tag: "CompletedWaitForSwipeSettled";
+        readonly entryId: string;
+        readonly version: number;
     } | {
         readonly _tag: "Dismissed";
         readonly entryId: string;
@@ -602,6 +1350,21 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
     } | {
         readonly _tag: "LeftEntry";
         readonly entryId: string;
+    } | {
+        readonly _tag: "MovedSwipePointer";
+        readonly pointerId: number;
+        readonly clientX: number;
+    } | {
+        readonly _tag: "PressedEntryPointer";
+        readonly entryId: string;
+        readonly pointerId: number;
+        readonly clientX: number;
+    } | {
+        readonly _tag: "PressedEscape";
+    } | {
+        readonly _tag: "ReleasedSwipePointer";
+        readonly pointerId: number;
+        readonly clientX: number;
     }, Readonly<{
         position: Position;
         entryToView: (entry: {
@@ -612,9 +1375,25 @@ export declare const make: <A, I>(payloadSchema: Schema.Codec<A, I>) => {
                 readonly isShowing: boolean;
                 readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
             };
-            readonly maybeDuration: import("effect/Option").Option<import("effect/Duration").Duration>;
+            readonly maybeDuration: Option.Option<import("effect/Duration").Duration>;
             readonly pendingDismissVersion: number;
             readonly isHovered: boolean;
+            readonly swipeState: {
+                readonly _tag: "Dismissing";
+                readonly offsetX: number;
+                readonly direction: "Left" | "Right";
+            } | {
+                readonly _tag: "Dragging";
+                readonly pointerId: number;
+                readonly startX: number;
+                readonly currentX: number;
+            } | {
+                readonly _tag: "Idle";
+            } | {
+                readonly _tag: "Settling";
+                readonly offsetX: number;
+            };
+            readonly swipeVersion: number;
             readonly payload: A;
         }, handlers: EntryHandlers) => Html;
         ariaLabel?: string;