@foldkit/ui 0.150.0 → 0.151.0

package/dist/dialog/index.d.ts

@@ -1,6 +1,7 @@
 import { Effect, Option, Schema as S } from 'effect';
 import * as Command from 'foldkit/command';
 import { type ChildAttribute, type Html } from 'foldkit/html';
+import * as Update from 'foldkit/update';
 /** Schema for the dialog component's state, tracking its unique ID, open/closed status, animation support, and animation lifecycle phase. */
 export declare const Model: S.Struct<{
     readonly id: S.String;
@@ -74,11 +75,7 @@ export declare const initialFocusMarkerAttribute = "foldkit-dialog-initial-focus
 /** Selector for {@link initialFocusMarkerAttribute}, focused against the open
  *  dialog when no `focusSelector` is configured. */
 export declare const initialFocusMarkerSelector = "[data-foldkit-dialog-initial-focus]";
-type UpdateReturn = readonly [
-    Model,
-    ReadonlyArray<Command.Command<Message>>,
-    Option.Option<OutMessage>
-];
+type UpdateReturn = Update.ReturnWithOutMessage<Model, Message, OutMessage>;
 /** Locks page scroll and opens the native dialog element through
  *  `Dom.showDialog`, which calls `show()` (not native `showModal()`) so other
  *  high-z-index overlays stay interactive. It layers the dialog with a high
@@ -105,8 +102,49 @@ export declare const ReleaseDialogResources: Command.CommandDefinitionWithArgs<"
 }, Effect.Effect<{
     readonly _tag: "CompletedReleaseDialogResources";
 }, never, never>>;
-/** Processes a dialog message and returns the next model and commands. */
-export declare const update: (model: Model, message: Message) => UpdateReturn;
+/** Processes a Dialog Message and returns the next Model and optional Commands. */
+export declare const update: (model: Model, message: Message) => Readonly<{
+    model: {
+        readonly id: string;
+        readonly isOpen: boolean;
+        readonly isAnimated: boolean;
+        readonly animation: {
+            readonly id: string;
+            readonly isShowing: boolean;
+            readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
+        };
+        readonly maybeFocusSelector: Option.Option<string>;
+    };
+    commands?: Update.Commands<{
+        readonly _tag: "RequestedOpen";
+    } | {
+        readonly _tag: "RequestedClose";
+    } | {
+        readonly _tag: "CompletedShowDialog";
+    } | {
+        readonly _tag: "CompletedCloseDialog";
+    } | {
+        readonly _tag: "Unmounted";
+    } | {
+        readonly _tag: "CompletedReleaseDialogResources";
+    } | {
+        readonly _tag: "GotAnimationMessage";
+        readonly message: {
+            readonly _tag: "Showed";
+        } | {
+            readonly _tag: "Hid";
+        } | {
+            readonly _tag: "CompletedWaitForPaint";
+        } | {
+            readonly _tag: "EndedAnimation";
+        };
+    }, never>;
+    outMessage?: {
+        readonly _tag: "Opened";
+    } | {
+        readonly _tag: "Closed";
+    };
+}>;
 /** Programmatically opens the dialog. */
 export declare const open: (model: Model) => UpdateReturn;
 /** Programmatically closes the dialog. */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dialog/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dialog/index.ts"],"names":[],"mappings":"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"}

package/dist/dialog/index.js

@@ -1,5 +1,5 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
-import { Effect, Match as M, Option, Schema as S } from 'effect';
+import { Effect, Match as M, Option, Schema as S, pipe } from 'effect';
 import * as Command from 'foldkit/command';
 import * as Dom from 'foldkit/dom';
 import { childAttributes } from 'foldkit/html';
@@ -85,21 +85,23 @@ export const ReleaseDialogResources = Command.define('ReleaseDialogResources', {
 });
 const wrapAnimationMessage = (message) => __foldkitBrandViewResult((Message.GotAnimationMessage({ message })), "@foldkit/ui/dialog/index.js#wrapAnimationMessage");
 const foldAnimationOutMessage = (outMessage, { liftCommand }) => __foldkitBrandViewResult((AnimationOutMessage.match(outMessage, {
-    StartedLeaveAnimating: () => __foldkitBrandViewResult((model => __foldkitBrandViewResult(([
+    StartedLeaveAnimating: () => __foldkitBrandViewResult((model => (__foldkitBrandViewResult(({
         model,
-        [liftCommand(animationDefaultLeaveCommand(model.animation))],
-    ]), "@foldkit/ui/dialog/index.js#anonymous~3")), "@foldkit/ui/dialog/index.js#StartedLeaveAnimating"),
-    TransitionedOut: () => __foldkitBrandViewResult((model => __foldkitBrandViewResult(([model, [CloseDialog({ id: model.id })]]), "@foldkit/ui/dialog/index.js#anonymous~4")), "@foldkit/ui/dialog/index.js#TransitionedOut"),
+        commands: [liftCommand(animationDefaultLeaveCommand(model.animation))],
+    }), "@foldkit/ui/dialog/index.js#anonymous~3"))), "@foldkit/ui/dialog/index.js#StartedLeaveAnimating"),
+    TransitionedOut: () => __foldkitBrandViewResult((model => (__foldkitBrandViewResult(({
+        model,
+        commands: [CloseDialog({ id: model.id })],
+    }), "@foldkit/ui/dialog/index.js#anonymous~4"))), "@foldkit/ui/dialog/index.js#TransitionedOut"),
 })), "@foldkit/ui/dialog/index.js#foldAnimationOutMessage");
 const foldAnimation = Update.foldChild({
     update: animationUpdate,
     read: (model) => __foldkitBrandViewResult((Option.some(model.animation)), "@foldkit/ui/dialog/index.js#read"),
     write: (model, nextAnimation) => __foldkitBrandViewResult((evo(model, { animation: () => __foldkitBrandViewResult((nextAnimation), "@foldkit/ui/dialog/index.js#animation") })), "@foldkit/ui/dialog/index.js#write"),
     toParentMessage: wrapAnimationMessage,
-    toParentOutMessage: () => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/dialog/index.js#toParentOutMessage"),
     foldOutMessage: foldAnimationOutMessage,
 });
-/** Processes a dialog message and returns the next model and commands. */
+/** Processes a Dialog Message and returns the next Model and optional Commands. */
 export const update = (model, message) => __foldkitBrandViewResult((Message.match(message, {
     RequestedOpen: () => {
         const wasClosed = !model.isOpen;
@@ -107,43 +109,47 @@ export const update = (model, message) => __foldkitBrandViewResult((Message.matc
             id: model.id,
             focusSelector: Option.getOrElse(model.maybeFocusSelector, () => __foldkitBrandViewResult((initialFocusMarkerSelector), "@foldkit/ui/dialog/index.js#anonymous~5")),
         }), () => __foldkitBrandViewResult((wasClosed), "@foldkit/ui/dialog/index.js#anonymous~6"));
-        const maybeOutMessage = wasClosed
-            ? Option.some(OutMessage.Opened())
-            : Option.none();
-        if (model.isAnimated) {
-            const [nextModel, animationCommands] = foldAnimation(model, AnimationMessage.Showed());
-            return __foldkitBrandViewResult(([
-                evo(nextModel, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/dialog/index.js#isOpen") }),
-                [...Option.toArray(maybeShow), ...animationCommands],
-                maybeOutMessage,
-            ]), "@foldkit/ui/dialog/index.js#RequestedOpen");
-        }
-        return __foldkitBrandViewResult(([
-            evo(model, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/dialog/index.js#isOpen~2") }),
-            Option.toArray(maybeShow),
-            maybeOutMessage,
-        ]), "@foldkit/ui/dialog/index.js#RequestedOpen");
+        const commands = Option.toArray(maybeShow);
+        const dialogOpen = model.isAnimated
+            ? Update.combine(model, [
+                stepModel => (__foldkitBrandViewResult(({ model: stepModel, commands }), "@foldkit/ui/dialog/index.js#anonymous~7")),
+                foldAnimation(AnimationMessage.Showed()),
+                stepModel => (__foldkitBrandViewResult(({
+                    model: evo(stepModel, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/dialog/index.js#isOpen") }),
+                }), "@foldkit/ui/dialog/index.js#anonymous~8")),
+            ])
+            : { model: evo(model, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/dialog/index.js#isOpen~2") }), commands };
+        return __foldkitBrandViewResult((wasClosed
+            ? pipe(dialogOpen, Update.withOutMessage(OutMessage.Opened()))
+            : dialogOpen), "@foldkit/ui/dialog/index.js#RequestedOpen");
     },
     RequestedClose: () => {
         const { transitionState } = model.animation;
         const isLeaving = transitionState === 'LeaveStart' || transitionState === 'LeaveAnimating';
         if (isLeaving) {
-            return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dialog/index.js#RequestedClose");
+            return __foldkitBrandViewResult(({ model }), "@foldkit/ui/dialog/index.js#RequestedClose");
         }
         const wasOpen = model.isOpen;
-        const maybeOutMessage = wasOpen
-            ? Option.some(OutMessage.Closed())
-            : Option.none();
         if (model.isAnimated) {
-            const [nextModel, animationCommands] = foldAnimation(evo(model, { isOpen: () => __foldkitBrandViewResult((false), "@foldkit/ui/dialog/index.js#isOpen~3") }), AnimationMessage.Hid());
-            return __foldkitBrandViewResult(([nextModel, animationCommands, maybeOutMessage]), "@foldkit/ui/dialog/index.js#RequestedClose");
+            const dialogClose = Update.combine(model, [
+                stepModel => (__foldkitBrandViewResult(({
+                    model: evo(stepModel, { isOpen: () => __foldkitBrandViewResult((false), "@foldkit/ui/dialog/index.js#isOpen~3") }),
+                }), "@foldkit/ui/dialog/index.js#anonymous~9")),
+                foldAnimation(AnimationMessage.Hid()),
+            ]);
+            return __foldkitBrandViewResult((wasOpen
+                ? pipe(dialogClose, Update.withOutMessage(OutMessage.Closed()))
+                : dialogClose), "@foldkit/ui/dialog/index.js#RequestedClose");
         }
-        const maybeClose = Option.liftPredicate(CloseDialog({ id: model.id }), () => __foldkitBrandViewResult((wasOpen), "@foldkit/ui/dialog/index.js#anonymous~7"));
-        return __foldkitBrandViewResult(([
-            evo(model, { isOpen: () => __foldkitBrandViewResult((false), "@foldkit/ui/dialog/index.js#isOpen~4") }),
-            Option.toArray(maybeClose),
-            maybeOutMessage,
-        ]), "@foldkit/ui/dialog/index.js#RequestedClose");
+        const maybeClose = Option.liftPredicate(CloseDialog({ id: model.id }), () => __foldkitBrandViewResult((wasOpen), "@foldkit/ui/dialog/index.js#anonymous~10"));
+        const commands = Option.toArray(maybeClose);
+        const dialogClose = {
+            model: evo(model, { isOpen: () => __foldkitBrandViewResult((false), "@foldkit/ui/dialog/index.js#isOpen~4") }),
+            commands,
+        };
+        return __foldkitBrandViewResult((wasOpen
+            ? pipe(dialogClose, Update.withOutMessage(OutMessage.Closed()))
+            : dialogClose), "@foldkit/ui/dialog/index.js#RequestedClose");
     },
     GotAnimationMessage: ({ message: animationMessage }) => __foldkitBrandViewResult((foldAnimation(model, animationMessage)), "@foldkit/ui/dialog/index.js#GotAnimationMessage"),
     Unmounted: () => {
@@ -153,19 +159,18 @@ export const update = (model, message) => __foldkitBrandViewResult((Message.matc
                 isOpen: () => __foldkitBrandViewResult((false), "@foldkit/ui/dialog/index.js#isOpen~5"),
                 animation: () => __foldkitBrandViewResult((animationInit({ id: `${model.id}-panel` })), "@foldkit/ui/dialog/index.js#animation~2"),
             });
-            return __foldkitBrandViewResult(([
-                nextModel,
-                [ReleaseDialogResources({ id: model.id })],
-                Option.none(),
-            ]), "@foldkit/ui/dialog/index.js#Unmounted");
+            return __foldkitBrandViewResult(({
+                model: nextModel,
+                commands: [ReleaseDialogResources({ id: model.id })],
+            }), "@foldkit/ui/dialog/index.js#Unmounted");
         }
         else {
-            return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dialog/index.js#Unmounted");
+            return __foldkitBrandViewResult(({ model }), "@foldkit/ui/dialog/index.js#Unmounted");
         }
     },
-    CompletedShowDialog: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dialog/index.js#CompletedShowDialog"),
-    CompletedCloseDialog: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dialog/index.js#CompletedCloseDialog"),
-    CompletedReleaseDialogResources: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dialog/index.js#CompletedReleaseDialogResources"),
+    CompletedShowDialog: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/dialog/index.js#CompletedShowDialog")),
+    CompletedCloseDialog: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/dialog/index.js#CompletedCloseDialog")),
+    CompletedReleaseDialogResources: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/dialog/index.js#CompletedReleaseDialogResources")),
 })), "@foldkit/ui/dialog/index.js#update");
 /** Programmatically opens the dialog. */
 export const open = (model) => __foldkitBrandViewResult((update(model, Message.RequestedOpen())), "@foldkit/ui/dialog/index.js#open");
@@ -203,17 +208,17 @@ export const view = defineView((model, viewInputs, h) => {
         h.DataAttribute('closed', ''),
         h.DataAttribute('enter', ''),
         h.DataAttribute('transition', ''),
-    ]), "@foldkit/ui/dialog/index.js#anonymous~9")), M.when('EnterAnimating', () => __foldkitBrandViewResult(([
+    ]), "@foldkit/ui/dialog/index.js#anonymous~12")), M.when('EnterAnimating', () => __foldkitBrandViewResult(([
         h.DataAttribute('enter', ''),
         h.DataAttribute('transition', ''),
-    ]), "@foldkit/ui/dialog/index.js#anonymous~10")), M.when('LeaveStart', () => __foldkitBrandViewResult(([
+    ]), "@foldkit/ui/dialog/index.js#anonymous~13")), M.when('LeaveStart', () => __foldkitBrandViewResult(([
         h.DataAttribute('leave', ''),
         h.DataAttribute('transition', ''),
-    ]), "@foldkit/ui/dialog/index.js#anonymous~11")), M.when('LeaveAnimating', () => __foldkitBrandViewResult(([
+    ]), "@foldkit/ui/dialog/index.js#anonymous~14")), M.when('LeaveAnimating', () => __foldkitBrandViewResult(([
         h.DataAttribute('closed', ''),
         h.DataAttribute('leave', ''),
         h.DataAttribute('transition', ''),
-    ]), "@foldkit/ui/dialog/index.js#anonymous~12")), M.orElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/dialog/index.js#anonymous~13")));
+    ]), "@foldkit/ui/dialog/index.js#anonymous~15")), M.orElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/dialog/index.js#anonymous~16")));
     const dialogAttributes = [
         h.Id(id),
         h.AriaLabelledBy(titleId(model)),
@@ -260,5 +265,5 @@ export const view = defineView((model, viewInputs, h) => {
         initialFocus: childAttributes(initialFocusAttributes),
         closeButton: childAttributes(closeButtonAttributes),
         isVisible,
-    })), "@foldkit/ui/dialog/index.js#anonymous~8");
+    })), "@foldkit/ui/dialog/index.js#anonymous~11");
 });

package/dist/disclosure/index.d.ts

@@ -64,10 +64,9 @@ export type ViewConfig<Message> = Readonly<{
  *  )
  *
  *  // In update:
- *  ToggledDetails: ({ isOpen }) => [
- *    evo(model, { isDetailsOpen: () => isOpen }),
- *    [],
- *  ],
+ *  ToggledDetails: ({ isOpen }) => ({
+ *    model: evo(model, { isDetailsOpen: () => isOpen }),
+ *  }),
  *  ``` */
 export declare const view: <Message>(config: ViewConfig<Message>, h: HtmlBuilder<Message>) => Html;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/disclosure/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAIhE;;;mCAGmC;AACnC,eAAO,MAAM,QAAQ,GAAI,IAAI,MAAM,KAAG,MAAwB,CAAA;AAM9D;;;;;;;;;sEASsE;AACtE,MAAM,MAAM,oBAAoB,CAAC,OAAO,IAAI,QAAQ,CAAC;IACnD,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACzC,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACxC;;;;;kFAK8E;IAC9E,YAAY,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAA;CACtC,CAAC,CAAA;AAEF;;;;;;;;;;oBAUoB;AACpB,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAA;IACtC,MAAM,EAAE,CAAC,UAAU,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;;UAuBU;AACV,eAAO,MAAM,IAAI,GAAI,OAAO,EAC1B,QAAQ,UAAU,CAAC,OAAO,CAAC,EAC3B,GAAG,WAAW,CAAC,OAAO,CAAC,KACtB,IAiFF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/disclosure/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAIhE;;;mCAGmC;AACnC,eAAO,MAAM,QAAQ,GAAI,IAAI,MAAM,KAAG,MAAwB,CAAA;AAM9D;;;;;;;;;sEASsE;AACtE,MAAM,MAAM,oBAAoB,CAAC,OAAO,IAAI,QAAQ,CAAC;IACnD,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACzC,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACxC;;;;;kFAK8E;IAC9E,YAAY,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAA;CACtC,CAAC,CAAA;AAEF;;;;;;;;;;oBAUoB;AACpB,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAA;IACtC,MAAM,EAAE,CAAC,UAAU,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;UAsBU;AACV,eAAO,MAAM,IAAI,GAAI,OAAO,EAC1B,QAAQ,UAAU,CAAC,OAAO,CAAC,EAC3B,GAAG,WAAW,CAAC,OAAO,CAAC,KACtB,IAiFF,CAAA"}

package/dist/disclosure/index.js

@@ -27,10 +27,9 @@ const panelSizeTransition = 'grid-template-rows 200ms ease-out';
  *  )
  *
  *  // In update:
- *  ToggledDetails: ({ isOpen }) => [
- *    evo(model, { isDetailsOpen: () => isOpen }),
- *    [],
- *  ],
+ *  ToggledDetails: ({ isOpen }) => ({
+ *    model: evo(model, { isDetailsOpen: () => isOpen }),
+ *  }),
  *  ``` */
 export const view = (config, h) => {
     const { id, isOpen, onToggle, toView, isDisabled = false, ariaLabel, ariaLabelledBy, } = config;

package/dist/dragAndDrop/index.d.ts

@@ -2,6 +2,7 @@ import { Effect, Equivalence, Option, Schema as S, Stream } from 'effect';
 import * as Command from 'foldkit/command';
 import { type Attribute, type HtmlBuilder } from 'foldkit/html';
 import * as Subscription from 'foldkit/subscription';
+import * as Update from 'foldkit/update';
 declare const DropTarget: S.Struct<{
     readonly containerId: S.String;
     readonly index: S.Number;
@@ -118,13 +119,101 @@ export declare const ResolveKeyboardMove: Command.CommandDefinitionWithArgs<"Res
     readonly targetContainerId: string;
     readonly targetIndex: number;
 }, never, never>>;
-type UpdateReturn = readonly [
-    Model,
-    ReadonlyArray<Command.Command<Message>>,
-    Option.Option<OutMessage>
-];
-/** Processes a drag-and-drop message and returns the next model, commands, and an optional out-message for the parent. */
-export declare const update: (model: Model, message: Message) => UpdateReturn;
+/** Processes a drag-and-drop Message and returns the next Model, optional
+ *  Commands, and an optional OutMessage for the parent. */
+export declare const update: (model: Model, message: Message) => Readonly<{
+    model: {
+        readonly id: string;
+        readonly orientation: "Horizontal" | "Vertical";
+        readonly activationThreshold: number;
+        readonly dragState: {
+            readonly _tag: "Idle";
+        } | {
+            readonly _tag: "Pending";
+            readonly itemId: string;
+            readonly containerId: string;
+            readonly index: number;
+            readonly origin: {
+                readonly screenX: number;
+                readonly screenY: number;
+            };
+        } | {
+            readonly _tag: "Dragging";
+            readonly itemId: string;
+            readonly sourceContainerId: string;
+            readonly sourceIndex: number;
+            readonly origin: {
+                readonly screenX: number;
+                readonly screenY: number;
+            };
+            readonly current: {
+                readonly clientX: number;
+                readonly clientY: number;
+            };
+            readonly maybeDropTarget: Option.Option<{
+                readonly containerId: string;
+                readonly index: number;
+            }>;
+        } | {
+            readonly _tag: "KeyboardDragging";
+            readonly itemId: string;
+            readonly sourceContainerId: string;
+            readonly sourceIndex: number;
+            readonly targetContainerId: string;
+            readonly targetIndex: number;
+        };
+    };
+    commands?: Update.Commands<{
+        readonly _tag: "PressedDraggable";
+        readonly itemId: string;
+        readonly containerId: string;
+        readonly index: number;
+        readonly screenX: number;
+        readonly screenY: number;
+    } | {
+        readonly _tag: "MovedPointer";
+        readonly screenX: number;
+        readonly screenY: number;
+        readonly clientX: number;
+        readonly clientY: number;
+        readonly maybeDropTarget: Option.Option<{
+            readonly containerId: string;
+            readonly index: number;
+        }>;
+    } | {
+        readonly _tag: "ReleasedPointer";
+    } | {
+        readonly _tag: "CancelledDrag";
+    } | {
+        readonly _tag: "ActivatedKeyboardDrag";
+        readonly itemId: string;
+        readonly containerId: string;
+        readonly index: number;
+    } | {
+        readonly _tag: "CompletedResolveKeyboardMove";
+        readonly targetContainerId: string;
+        readonly targetIndex: number;
+    } | {
+        readonly _tag: "ConfirmedKeyboardDrop";
+    } | {
+        readonly _tag: "PressedArrowKey";
+        readonly direction: "Up" | "Down" | "Left" | "Right" | "NextContainer" | "PreviousContainer";
+    } | {
+        readonly _tag: "AdvancedAutoScrollFrame";
+    } | {
+        readonly _tag: "CompletedFocusItem";
+    }, never>;
+    outMessage?: {
+        readonly _tag: "Reordered";
+        readonly itemId: string;
+        readonly fromContainerId: string;
+        readonly fromIndex: number;
+        readonly toContainerId: string;
+        readonly toIndex: number;
+    } | {
+        readonly _tag: "Cancelled";
+    };
+}>;
 /** Document-level subscriptions for pointer and keyboard events during drag operations. */
 export declare const subscriptions: {
     readonly documentPointer: Subscription.EntryWithoutKeepAlive<{

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dragAndDrop/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dragAndDrop/index.ts"],"names":[],"mappings":"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"}

package/dist/dragAndDrop/index.js

@@ -7,6 +7,7 @@ import { defineMessageUnion } from 'foldkit/message';
 import { ts } from 'foldkit/schema';
 import { evo } from 'foldkit/struct';
 import * as Subscription from 'foldkit/subscription';
+import * as Update from 'foldkit/update';
 import { attributeSelector } from '../internal/selectors.js';
 // MODEL
 const Orientation = S.Literals(['Horizontal', 'Vertical']);
@@ -188,10 +189,11 @@ export const ResolveKeyboardMove = Command.define('ResolveKeyboardMove', {
     execute: resolveKeyboardMoveTarget,
 });
 const withUpdateReturn = M.withReturnType();
-/** Processes a drag-and-drop message and returns the next model, commands, and an optional out-message for the parent. */
+/** Processes a drag-and-drop Message and returns the next Model, optional
+ *  Commands, and an optional OutMessage for the parent. */
 export const update = (model, message) => __foldkitBrandViewResult((Message.match(message, {
-    PressedDraggable: ({ itemId, containerId, index, screenX, screenY }) => __foldkitBrandViewResult(([
-        evo(model, {
+    PressedDraggable: ({ itemId, containerId, index, screenX, screenY }) => (__foldkitBrandViewResult(({
+        model: evo(model, {
             dragState: () => __foldkitBrandViewResult((Pending({
                 itemId,
                 containerId,
@@ -199,18 +201,16 @@ export const update = (model, message) => __foldkitBrandViewResult((Message.matc
                 origin: { screenX, screenY },
             })), "@foldkit/ui/dragAndDrop/index.js#dragState"),
         }),
-        [],
-        Option.none(),
-    ]), "@foldkit/ui/dragAndDrop/index.js#PressedDraggable"),
+    }), "@foldkit/ui/dragAndDrop/index.js#PressedDraggable")),
     MovedPointer: ({ screenX, screenY, clientX, clientY, maybeDropTarget }) => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('Pending', pending => {
         const deltaX = screenX - pending.origin.screenX;
         const deltaY = screenY - pending.origin.screenY;
         const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
         if (distance < model.activationThreshold) {
-            return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dragAndDrop/index.js#anonymous~9");
+            return __foldkitBrandViewResult(({ model }), "@foldkit/ui/dragAndDrop/index.js#anonymous~9");
         }
-        return __foldkitBrandViewResult(([
-            evo(model, {
+        return __foldkitBrandViewResult(({
+            model: evo(model, {
                 dragState: () => __foldkitBrandViewResult((Dragging({
                     itemId: pending.itemId,
                     sourceContainerId: pending.containerId,
@@ -220,53 +220,45 @@ export const update = (model, message) => __foldkitBrandViewResult((Message.matc
                     maybeDropTarget,
                 })), "@foldkit/ui/dragAndDrop/index.js#dragState~2"),
             }),
-            [],
-            Option.none(),
-        ]), "@foldkit/ui/dragAndDrop/index.js#anonymous~9");
-    }), M.tag('Dragging', dragging => __foldkitBrandViewResult(([
-        evo(model, {
+        }), "@foldkit/ui/dragAndDrop/index.js#anonymous~9");
+    }), M.tag('Dragging', dragging => (__foldkitBrandViewResult(({
+        model: evo(model, {
             dragState: () => __foldkitBrandViewResult((Dragging({
                 ...dragging,
                 current: { clientX, clientY },
                 maybeDropTarget,
             })), "@foldkit/ui/dragAndDrop/index.js#dragState~3"),
         }),
-        [],
-        Option.none(),
-    ]), "@foldkit/ui/dragAndDrop/index.js#anonymous~10")), M.orElse(() => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dragAndDrop/index.js#anonymous~11")))), "@foldkit/ui/dragAndDrop/index.js#MovedPointer"),
-    ReleasedPointer: () => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('Pending', () => __foldkitBrandViewResult(([
-        evo(model, { dragState: () => __foldkitBrandViewResult((Idle()), "@foldkit/ui/dragAndDrop/index.js#dragState~4") }),
-        [],
-        Option.none(),
-    ]), "@foldkit/ui/dragAndDrop/index.js#anonymous~12")), M.tag('Dragging', dragging => __foldkitBrandViewResult((Option.match(dragging.maybeDropTarget, {
-        onNone: () => __foldkitBrandViewResult(([
-            evo(model, { dragState: () => __foldkitBrandViewResult((Idle()), "@foldkit/ui/dragAndDrop/index.js#dragState~5") }),
-            [],
-            Option.some(OutMessage.Cancelled()),
-        ]), "@foldkit/ui/dragAndDrop/index.js#onNone"),
-        onSome: dropTarget => __foldkitBrandViewResult(([
-            evo(model, { dragState: () => __foldkitBrandViewResult((Idle()), "@foldkit/ui/dragAndDrop/index.js#dragState~6") }),
-            [],
-            Option.some(OutMessage.Reordered({
+    }), "@foldkit/ui/dragAndDrop/index.js#anonymous~10"))), M.orElse(() => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/dragAndDrop/index.js#anonymous~11"))))), "@foldkit/ui/dragAndDrop/index.js#MovedPointer"),
+    ReleasedPointer: () => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('Pending', () => (__foldkitBrandViewResult(({
+        model: evo(model, { dragState: () => __foldkitBrandViewResult((Idle()), "@foldkit/ui/dragAndDrop/index.js#dragState~4") }),
+    }), "@foldkit/ui/dragAndDrop/index.js#anonymous~12"))), M.tag('Dragging', dragging => __foldkitBrandViewResult((Option.match(dragging.maybeDropTarget, {
+        onNone: () => (__foldkitBrandViewResult(({
+            model: evo(model, { dragState: () => __foldkitBrandViewResult((Idle()), "@foldkit/ui/dragAndDrop/index.js#dragState~5") }),
+            outMessage: OutMessage.Cancelled(),
+        }), "@foldkit/ui/dragAndDrop/index.js#onNone")),
+        onSome: dropTarget => (__foldkitBrandViewResult(({
+            model: evo(model, { dragState: () => __foldkitBrandViewResult((Idle()), "@foldkit/ui/dragAndDrop/index.js#dragState~6") }),
+            outMessage: OutMessage.Reordered({
                 itemId: dragging.itemId,
                 fromContainerId: dragging.sourceContainerId,
                 fromIndex: dragging.sourceIndex,
                 toContainerId: dropTarget.containerId,
                 toIndex: dropTarget.index,
-            })),
-        ]), "@foldkit/ui/dragAndDrop/index.js#onSome"),
-    })), "@foldkit/ui/dragAndDrop/index.js#anonymous~13")), M.orElse(() => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dragAndDrop/index.js#anonymous~14")))), "@foldkit/ui/dragAndDrop/index.js#ReleasedPointer"),
+            }),
+        }), "@foldkit/ui/dragAndDrop/index.js#onSome")),
+    })), "@foldkit/ui/dragAndDrop/index.js#anonymous~13")), M.orElse(() => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/dragAndDrop/index.js#anonymous~14"))))), "@foldkit/ui/dragAndDrop/index.js#ReleasedPointer"),
     CancelledDrag: () => {
         const maybeFocusCommand = Option.liftPredicate(model.dragState, dragState => __foldkitBrandViewResult((dragState._tag === 'KeyboardDragging'), "@foldkit/ui/dragAndDrop/index.js#anonymous~15")).pipe(Option.map(({ itemId }) => __foldkitBrandViewResult((FocusItem({ itemId })), "@foldkit/ui/dragAndDrop/index.js#anonymous~16")));
         const maybeOutMessage = Option.liftPredicate(model.dragState._tag, _tag => __foldkitBrandViewResult((_tag === 'Dragging' || _tag === 'KeyboardDragging'), "@foldkit/ui/dragAndDrop/index.js#anonymous~17")).pipe(Option.map(() => __foldkitBrandViewResult((OutMessage.Cancelled()), "@foldkit/ui/dragAndDrop/index.js#anonymous~18")));
-        return __foldkitBrandViewResult(([
-            evo(model, { dragState: () => __foldkitBrandViewResult((Idle()), "@foldkit/ui/dragAndDrop/index.js#dragState~7") }),
-            Option.toArray(maybeFocusCommand),
-            maybeOutMessage,
-        ]), "@foldkit/ui/dragAndDrop/index.js#CancelledDrag");
+        const dragCancellation = {
+            model: evo(model, { dragState: () => __foldkitBrandViewResult((Idle()), "@foldkit/ui/dragAndDrop/index.js#dragState~7") }),
+            commands: Option.toArray(maybeFocusCommand),
+        };
+        return __foldkitBrandViewResult((pipe(dragCancellation, Update.withOutMessage(Option.getOrUndefined(maybeOutMessage)))), "@foldkit/ui/dragAndDrop/index.js#CancelledDrag");
     },
-    ActivatedKeyboardDrag: ({ itemId, containerId, index }) => __foldkitBrandViewResult(([
-        evo(model, {
+    ActivatedKeyboardDrag: ({ itemId, containerId, index }) => (__foldkitBrandViewResult(({
+        model: evo(model, {
             dragState: () => __foldkitBrandViewResult((KeyboardDragging({
                 itemId,
                 sourceContainerId: containerId,
@@ -275,34 +267,31 @@ export const update = (model, message) => __foldkitBrandViewResult((Message.matc
                 targetIndex: index,
             })), "@foldkit/ui/dragAndDrop/index.js#dragState~8"),
         }),
-        [],
-        Option.none(),
-    ]), "@foldkit/ui/dragAndDrop/index.js#ActivatedKeyboardDrag"),
-    CompletedResolveKeyboardMove: ({ targetContainerId, targetIndex }) => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('KeyboardDragging', keyboardDragging => __foldkitBrandViewResult(([
-        evo(model, {
+    }), "@foldkit/ui/dragAndDrop/index.js#ActivatedKeyboardDrag")),
+    CompletedResolveKeyboardMove: ({ targetContainerId, targetIndex }) => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('KeyboardDragging', keyboardDragging => (__foldkitBrandViewResult(({
+        model: evo(model, {
             dragState: () => __foldkitBrandViewResult((KeyboardDragging({
                 ...keyboardDragging,
                 targetContainerId,
                 targetIndex,
             })), "@foldkit/ui/dragAndDrop/index.js#dragState~9"),
         }),
-        [FocusItem({ itemId: keyboardDragging.itemId })],
-        Option.none(),
-    ]), "@foldkit/ui/dragAndDrop/index.js#anonymous~19")), M.orElse(() => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dragAndDrop/index.js#anonymous~20")))), "@foldkit/ui/dragAndDrop/index.js#CompletedResolveKeyboardMove"),
-    ConfirmedKeyboardDrop: () => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('KeyboardDragging', keyboardDragging => __foldkitBrandViewResult(([
-        evo(model, { dragState: () => __foldkitBrandViewResult((Idle()), "@foldkit/ui/dragAndDrop/index.js#dragState~10") }),
-        [FocusItem({ itemId: keyboardDragging.itemId })],
-        Option.some(OutMessage.Reordered({
+        commands: [FocusItem({ itemId: keyboardDragging.itemId })],
+    }), "@foldkit/ui/dragAndDrop/index.js#anonymous~19"))), M.orElse(() => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/dragAndDrop/index.js#anonymous~20"))))), "@foldkit/ui/dragAndDrop/index.js#CompletedResolveKeyboardMove"),
+    ConfirmedKeyboardDrop: () => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('KeyboardDragging', keyboardDragging => (__foldkitBrandViewResult(({
+        model: evo(model, { dragState: () => __foldkitBrandViewResult((Idle()), "@foldkit/ui/dragAndDrop/index.js#dragState~10") }),
+        commands: [FocusItem({ itemId: keyboardDragging.itemId })],
+        outMessage: OutMessage.Reordered({
             itemId: keyboardDragging.itemId,
             fromContainerId: keyboardDragging.sourceContainerId,
             fromIndex: keyboardDragging.sourceIndex,
             toContainerId: keyboardDragging.targetContainerId,
             toIndex: keyboardDragging.targetIndex,
-        })),
-    ]), "@foldkit/ui/dragAndDrop/index.js#anonymous~21")), M.orElse(() => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dragAndDrop/index.js#anonymous~22")))), "@foldkit/ui/dragAndDrop/index.js#ConfirmedKeyboardDrop"),
-    PressedArrowKey: ({ direction }) => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('KeyboardDragging', keyboardDragging => __foldkitBrandViewResult(([
+        }),
+    }), "@foldkit/ui/dragAndDrop/index.js#anonymous~21"))), M.orElse(() => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/dragAndDrop/index.js#anonymous~22"))))), "@foldkit/ui/dragAndDrop/index.js#ConfirmedKeyboardDrop"),
+    PressedArrowKey: ({ direction }) => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('KeyboardDragging', keyboardDragging => (__foldkitBrandViewResult(({
         model,
-        [
+        commands: [
             ResolveKeyboardMove({
                 itemId: keyboardDragging.itemId,
                 currentContainerId: keyboardDragging.targetContainerId,
@@ -310,10 +299,9 @@ export const update = (model, message) => __foldkitBrandViewResult((Message.matc
                 direction,
             }),
         ],
-        Option.none(),
-    ]), "@foldkit/ui/dragAndDrop/index.js#anonymous~23")), M.orElse(() => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dragAndDrop/index.js#anonymous~24")))), "@foldkit/ui/dragAndDrop/index.js#PressedArrowKey"),
-    AdvancedAutoScrollFrame: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dragAndDrop/index.js#AdvancedAutoScrollFrame"),
-    CompletedFocusItem: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dragAndDrop/index.js#CompletedFocusItem"),
+    }), "@foldkit/ui/dragAndDrop/index.js#anonymous~23"))), M.orElse(() => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/dragAndDrop/index.js#anonymous~24"))))), "@foldkit/ui/dragAndDrop/index.js#PressedArrowKey"),
+    AdvancedAutoScrollFrame: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/dragAndDrop/index.js#AdvancedAutoScrollFrame")),
+    CompletedFocusItem: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/dragAndDrop/index.js#CompletedFocusItem")),
 })), "@foldkit/ui/dragAndDrop/index.js#update");
 // SUBSCRIPTION
 const DragActivity = S.Literals(['Idle', 'Active']);