@foldkit/ui 0.150.0 → 0.151.0

package/dist/listbox/shared.js

@@ -1,5 +1,5 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
-import { Array, Effect, Equal, Match as M, Option, Predicate, Schema as S, String as Str, pipe, } from 'effect';
+import { Array, Effect, Equal, Match as M, Number, Option, Predicate, Schema as S, String as Str, pipe, } from 'effect';
 import * as Command from 'foldkit/command';
 import * as Dom from 'foldkit/dom';
 import { defineMessageUnion } from 'foldkit/message';
@@ -187,47 +187,50 @@ export const DetectMovementOrAnimationEnd = Command.define('DetectMovementOrAnim
     }))))), "@foldkit/ui/listbox/shared.js#execute~8"),
 });
 export const makeUpdate = (handleSelectedItem) => {
-    const withUpdateReturn = M.withReturnType();
     const foldAnimationOutMessage = M.type().pipe(M.withReturnType(), M.tagsExhaustive({
-        StartedLeaveAnimating: () => __foldkitBrandViewResult((model => __foldkitBrandViewResult(([
+        StartedLeaveAnimating: () => __foldkitBrandViewResult((model => (__foldkitBrandViewResult(({
             model,
-            [DetectMovementOrAnimationEnd({ id: model.id })],
-        ]), "@foldkit/ui/listbox/shared.js#anonymous")), "@foldkit/ui/listbox/shared.js#StartedLeaveAnimating"),
-        TransitionedOut: () => __foldkitBrandViewResult((model => __foldkitBrandViewResult(([model, []]), "@foldkit/ui/listbox/shared.js#anonymous~2")), "@foldkit/ui/listbox/shared.js#TransitionedOut"),
+            commands: [DetectMovementOrAnimationEnd({ id: model.id })],
+        }), "@foldkit/ui/listbox/shared.js#anonymous"))), "@foldkit/ui/listbox/shared.js#StartedLeaveAnimating"),
+        TransitionedOut: () => __foldkitBrandViewResult((model => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/listbox/shared.js#anonymous~2"))), "@foldkit/ui/listbox/shared.js#TransitionedOut"),
     }));
     const foldAnimation = Update.foldChild({
         update: animationUpdate,
         read: (model) => __foldkitBrandViewResult((Option.some(model.animation)), "@foldkit/ui/listbox/shared.js#read"),
         write: (model, nextAnimation) => __foldkitBrandViewResult((constrainedEvo(model, { animation: () => __foldkitBrandViewResult((nextAnimation), "@foldkit/ui/listbox/shared.js#animation") })), "@foldkit/ui/listbox/shared.js#write"),
         toParentMessage: message => __foldkitBrandViewResult((Message.GotAnimationMessage({ message })), "@foldkit/ui/listbox/shared.js#toParentMessage"),
-        toParentOutMessage: () => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/listbox/shared.js#toParentOutMessage"),
         foldOutMessage: foldAnimationOutMessage,
     });
     const openListbox = (baseModel, openCommands) => {
         if (baseModel.isAnimated) {
-            const [nextModel, animationCommands] = foldAnimation(baseModel, AnimationMessage.Showed());
-            return __foldkitBrandViewResult(([
-                constrainedEvo(nextModel, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/listbox/shared.js#isOpen~2") }),
-                [...openCommands, ...animationCommands],
-                Option.none(),
-            ]), "@foldkit/ui/listbox/shared.js#openListbox");
+            return __foldkitBrandViewResult((Update.combine(baseModel, [
+                stepModel => (__foldkitBrandViewResult(({
+                    model: stepModel,
+                    commands: openCommands,
+                }), "@foldkit/ui/listbox/shared.js#anonymous~3")),
+                foldAnimation(AnimationMessage.Showed()),
+                stepModel => (__foldkitBrandViewResult(({
+                    model: constrainedEvo(stepModel, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/listbox/shared.js#isOpen~2") }),
+                }), "@foldkit/ui/listbox/shared.js#anonymous~4")),
+            ])), "@foldkit/ui/listbox/shared.js#openListbox");
         }
-        return __foldkitBrandViewResult(([
-            constrainedEvo(baseModel, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/listbox/shared.js#isOpen~3") }),
-            openCommands,
-            Option.none(),
-        ]), "@foldkit/ui/listbox/shared.js#openListbox");
+        return __foldkitBrandViewResult(({
+            model: constrainedEvo(baseModel, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/listbox/shared.js#isOpen~3") }),
+            commands: openCommands,
+        }), "@foldkit/ui/listbox/shared.js#openListbox");
     };
-    const closeListbox = (baseModel, commands, maybeOutMessage = Option.none()) => {
+    const closeListbox = (baseModel, commands) => {
         if (!baseModel.isOpen) {
-            return __foldkitBrandViewResult(([baseModel, [], maybeOutMessage]), "@foldkit/ui/listbox/shared.js#closeListbox");
+            return __foldkitBrandViewResult(({ model: baseModel }), "@foldkit/ui/listbox/shared.js#closeListbox");
         }
         const closed = closedModel(baseModel);
         if (baseModel.isAnimated) {
-            const [nextModel, animationCommands] = foldAnimation(closed, AnimationMessage.Hid());
-            return __foldkitBrandViewResult(([nextModel, [...commands, ...animationCommands], maybeOutMessage]), "@foldkit/ui/listbox/shared.js#closeListbox");
+            return __foldkitBrandViewResult((Update.combine(closed, [
+                stepModel => (__foldkitBrandViewResult(({ model: stepModel, commands }), "@foldkit/ui/listbox/shared.js#anonymous~5")),
+                foldAnimation(AnimationMessage.Hid()),
+            ])), "@foldkit/ui/listbox/shared.js#closeListbox");
         }
-        return __foldkitBrandViewResult(([closed, commands, maybeOutMessage]), "@foldkit/ui/listbox/shared.js#closeListbox");
+        return __foldkitBrandViewResult(({ model: closed, commands }), "@foldkit/ui/listbox/shared.js#closeListbox");
     };
     const internalUpdate = (model, message) => {
         const maybeLockScroll = OptionExt.when(model.isModal, LockScroll());
@@ -244,11 +247,20 @@ export const makeUpdate = (handleSelectedItem) => {
             focusButton,
             ...Array.getSomes([maybeUnlockScroll, maybeRestoreInert]),
         ];
-        const closeWithoutFocusCommands = Array.getSomes([
-            maybeUnlockScroll,
-            maybeRestoreInert,
-        ]);
-        return __foldkitBrandViewResult((M.value(message).pipe(withUpdateReturn, M.tag('CompletedLockScroll', 'CompletedUnlockScroll', 'CompletedInertOthers', 'CompletedRestoreInert', 'CompletedFocusButton', 'CompletedFocusItems', 'CompletedScrollIntoView', 'CompletedClickItem', 'SuppressedSpaceScroll', 'SuppressedItemCommit', 'CompletedAnchorListbox', 'CompletedPortalListboxBackdrop', () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/listbox/shared.js#anonymous~3")), M.tagsExhaustive({
+        const closeWithoutFocusCommands = Array.getSomes([maybeUnlockScroll, maybeRestoreInert]);
+        return __foldkitBrandViewResult((Message.match(message, {
+            CompletedLockScroll: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/listbox/shared.js#CompletedLockScroll")),
+            CompletedUnlockScroll: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/listbox/shared.js#CompletedUnlockScroll")),
+            CompletedInertOthers: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/listbox/shared.js#CompletedInertOthers")),
+            CompletedRestoreInert: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/listbox/shared.js#CompletedRestoreInert")),
+            CompletedFocusButton: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/listbox/shared.js#CompletedFocusButton")),
+            CompletedFocusItems: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/listbox/shared.js#CompletedFocusItems")),
+            CompletedScrollIntoView: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/listbox/shared.js#CompletedScrollIntoView")),
+            CompletedClickItem: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/listbox/shared.js#CompletedClickItem")),
+            SuppressedSpaceScroll: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/listbox/shared.js#SuppressedSpaceScroll")),
+            SuppressedItemCommit: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/listbox/shared.js#SuppressedItemCommit")),
+            CompletedAnchorListbox: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/listbox/shared.js#CompletedAnchorListbox")),
+            CompletedPortalListboxBackdrop: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/listbox/shared.js#CompletedPortalListboxBackdrop")),
             Opened: ({ maybeActiveItemIndex }) => __foldkitBrandViewResult((openListbox(constrainedEvo(model, {
                 maybeActiveItemIndex: () => __foldkitBrandViewResult((maybeActiveItemIndex), "@foldkit/ui/listbox/shared.js#maybeActiveItemIndex~2"),
                 activationTrigger: () => __foldkitBrandViewResult((Option.match(maybeActiveItemIndex, {
@@ -262,75 +274,64 @@ export const makeUpdate = (handleSelectedItem) => {
             Closed: () => __foldkitBrandViewResult((closeListbox(model, closeWithFocusCommands)), "@foldkit/ui/listbox/shared.js#Closed"),
             BlurredItems: () => {
                 if (Option.exists(model.maybeLastButtonPointerType, Equal.equals('mouse'))) {
-                    return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/listbox/shared.js#BlurredItems");
+                    return __foldkitBrandViewResult(({ model }), "@foldkit/ui/listbox/shared.js#BlurredItems");
                 }
                 return __foldkitBrandViewResult((closeListbox(model, closeWithoutFocusCommands)), "@foldkit/ui/listbox/shared.js#BlurredItems");
             },
-            ActivatedItem: ({ index, activationTrigger }) => __foldkitBrandViewResult(([
-                constrainedEvo(model, {
+            ActivatedItem: ({ index, activationTrigger }) => (__foldkitBrandViewResult(({
+                model: constrainedEvo(model, {
                     maybeActiveItemIndex: () => __foldkitBrandViewResult((Option.some(index)), "@foldkit/ui/listbox/shared.js#maybeActiveItemIndex~3"),
                     activationTrigger: () => __foldkitBrandViewResult((activationTrigger), "@foldkit/ui/listbox/shared.js#activationTrigger~2"),
                 }),
-                activationTrigger === 'Keyboard'
+                commands: activationTrigger === 'Keyboard'
                     ? [ScrollIntoView({ id: model.id, index })]
                     : [],
-                Option.none(),
-            ]), "@foldkit/ui/listbox/shared.js#ActivatedItem"),
+            }), "@foldkit/ui/listbox/shared.js#ActivatedItem")),
             MovedPointerOverItem: ({ index, screenX, screenY }) => {
-                const isSamePosition = Option.exists(model.maybeLastPointerPosition, position => __foldkitBrandViewResult((position.screenX === screenX && position.screenY === screenY), "@foldkit/ui/listbox/shared.js#anonymous~4"));
+                const isSamePosition = Option.exists(model.maybeLastPointerPosition, position => __foldkitBrandViewResult((position.screenX === screenX && position.screenY === screenY), "@foldkit/ui/listbox/shared.js#anonymous~6"));
                 if (isSamePosition) {
-                    return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/listbox/shared.js#MovedPointerOverItem");
+                    return __foldkitBrandViewResult(({ model }), "@foldkit/ui/listbox/shared.js#MovedPointerOverItem");
                 }
-                return __foldkitBrandViewResult(([
-                    constrainedEvo(model, {
+                return __foldkitBrandViewResult(({
+                    model: constrainedEvo(model, {
                         maybeActiveItemIndex: () => __foldkitBrandViewResult((Option.some(index)), "@foldkit/ui/listbox/shared.js#maybeActiveItemIndex~4"),
                         activationTrigger: () => __foldkitBrandViewResult(('Pointer'), "@foldkit/ui/listbox/shared.js#activationTrigger~3"),
                         maybeLastPointerPosition: () => __foldkitBrandViewResult((Option.some({ screenX, screenY })), "@foldkit/ui/listbox/shared.js#maybeLastPointerPosition~3"),
                     }),
-                    [],
-                    Option.none(),
-                ]), "@foldkit/ui/listbox/shared.js#MovedPointerOverItem");
+                }), "@foldkit/ui/listbox/shared.js#MovedPointerOverItem");
             },
             DeactivatedItem: () => __foldkitBrandViewResult((model.activationTrigger === 'Pointer'
-                ? [
-                    constrainedEvo(model, {
+                ? {
+                    model: constrainedEvo(model, {
                         maybeActiveItemIndex: () => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/listbox/shared.js#maybeActiveItemIndex~5"),
                     }),
-                    [],
-                    Option.none(),
-                ]
-                : [model, [], Option.none()]), "@foldkit/ui/listbox/shared.js#DeactivatedItem"),
+                }
+                : { model }), "@foldkit/ui/listbox/shared.js#DeactivatedItem"),
             SelectedItem: ({ item }) => __foldkitBrandViewResult((handleSelectedItem(model, item, {
-                closeWithFocus: (closeModel, maybeOutMessage = Option.none()) => __foldkitBrandViewResult((closeListbox(closeModel, closeWithFocusCommands, maybeOutMessage)), "@foldkit/ui/listbox/shared.js#closeWithFocus"),
-                closeWithoutFocus: (closeModel, maybeOutMessage = Option.none()) => __foldkitBrandViewResult((closeListbox(closeModel, closeWithoutFocusCommands, maybeOutMessage)), "@foldkit/ui/listbox/shared.js#closeWithoutFocus"),
+                closeWithFocus: (closeModel, outMessage) => __foldkitBrandViewResult((pipe(closeListbox(closeModel, closeWithFocusCommands), Update.withOutMessage(outMessage))), "@foldkit/ui/listbox/shared.js#closeWithFocus"),
+                closeWithoutFocus: (closeModel, outMessage) => __foldkitBrandViewResult((pipe(closeListbox(closeModel, closeWithoutFocusCommands), Update.withOutMessage(outMessage))), "@foldkit/ui/listbox/shared.js#closeWithoutFocus"),
             })), "@foldkit/ui/listbox/shared.js#SelectedItem"),
-            RequestedItemClick: ({ index }) => __foldkitBrandViewResult(([
+            RequestedItemClick: ({ index }) => (__foldkitBrandViewResult(({
                 model,
-                [ClickItem({ id: model.id, index })],
-                Option.none(),
-            ]), "@foldkit/ui/listbox/shared.js#RequestedItemClick"),
+                commands: [ClickItem({ id: model.id, index })],
+            }), "@foldkit/ui/listbox/shared.js#RequestedItemClick")),
             Searched: ({ key, maybeTargetIndex }) => {
                 const nextSearchQuery = model.searchQuery + key;
-                const nextSearchVersion = model.searchVersion + 1;
-                return __foldkitBrandViewResult(([
-                    constrainedEvo(model, {
+                const nextSearchVersion = Number.increment(model.searchVersion);
+                return __foldkitBrandViewResult(({
+                    model: constrainedEvo(model, {
                         searchQuery: () => __foldkitBrandViewResult((nextSearchQuery), "@foldkit/ui/listbox/shared.js#searchQuery~3"),
                         searchVersion: () => __foldkitBrandViewResult((nextSearchVersion), "@foldkit/ui/listbox/shared.js#searchVersion~3"),
-                        maybeActiveItemIndex: () => __foldkitBrandViewResult((Option.orElse(maybeTargetIndex, () => __foldkitBrandViewResult((model.maybeActiveItemIndex), "@foldkit/ui/listbox/shared.js#anonymous~5"))), "@foldkit/ui/listbox/shared.js#maybeActiveItemIndex~6"),
+                        maybeActiveItemIndex: () => __foldkitBrandViewResult((Option.orElse(maybeTargetIndex, () => __foldkitBrandViewResult((model.maybeActiveItemIndex), "@foldkit/ui/listbox/shared.js#anonymous~7"))), "@foldkit/ui/listbox/shared.js#maybeActiveItemIndex~6"),
                     }),
-                    [DelayClearSearch({ version: nextSearchVersion })],
-                    Option.none(),
-                ]), "@foldkit/ui/listbox/shared.js#Searched");
+                    commands: [DelayClearSearch({ version: nextSearchVersion })],
+                }), "@foldkit/ui/listbox/shared.js#Searched");
             },
             CompletedDelayClearSearch: ({ version }) => {
                 if (version !== model.searchVersion) {
-                    return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/listbox/shared.js#CompletedDelayClearSearch");
+                    return __foldkitBrandViewResult(({ model }), "@foldkit/ui/listbox/shared.js#CompletedDelayClearSearch");
                 }
-                return __foldkitBrandViewResult(([
-                    constrainedEvo(model, { searchQuery: () => __foldkitBrandViewResult((''), "@foldkit/ui/listbox/shared.js#searchQuery~4") }),
-                    [],
-                    Option.none(),
-                ]), "@foldkit/ui/listbox/shared.js#CompletedDelayClearSearch");
+                return __foldkitBrandViewResult(({ model: constrainedEvo(model, { searchQuery: () => __foldkitBrandViewResult((''), "@foldkit/ui/listbox/shared.js#searchQuery~4") }) }), "@foldkit/ui/listbox/shared.js#CompletedDelayClearSearch");
             },
             GotAnimationMessage: ({ message: animationMessage }) => __foldkitBrandViewResult((foldAnimation(model, animationMessage)), "@foldkit/ui/listbox/shared.js#GotAnimationMessage"),
             PressedPointerOnButton: ({ pointerType, button }) => {
@@ -338,17 +339,17 @@ export const makeUpdate = (handleSelectedItem) => {
                     maybeLastButtonPointerType: () => __foldkitBrandViewResult((Option.some(pointerType)), "@foldkit/ui/listbox/shared.js#maybeLastButtonPointerType~2"),
                 });
                 if (pointerType !== 'mouse' || button !== LEFT_MOUSE_BUTTON) {
-                    return __foldkitBrandViewResult(([withPointerType, [], Option.none()]), "@foldkit/ui/listbox/shared.js#PressedPointerOnButton");
+                    return __foldkitBrandViewResult(({ model: withPointerType }), "@foldkit/ui/listbox/shared.js#PressedPointerOnButton");
                 }
                 if (model.isOpen) {
-                    const [closed, commands] = closeListbox(withPointerType, closeWithFocusCommands);
-                    return __foldkitBrandViewResult(([
-                        constrainedEvo(closed, {
-                            maybeLastButtonPointerType: () => __foldkitBrandViewResult((Option.some(pointerType)), "@foldkit/ui/listbox/shared.js#maybeLastButtonPointerType~3"),
-                        }),
-                        commands,
-                        Option.none(),
-                    ]), "@foldkit/ui/listbox/shared.js#PressedPointerOnButton");
+                    return __foldkitBrandViewResult((Update.combine(withPointerType, [
+                        stepModel => __foldkitBrandViewResult((closeListbox(stepModel, closeWithFocusCommands)), "@foldkit/ui/listbox/shared.js#anonymous~8"),
+                        stepModel => (__foldkitBrandViewResult(({
+                            model: constrainedEvo(stepModel, {
+                                maybeLastButtonPointerType: () => __foldkitBrandViewResult((Option.some(pointerType)), "@foldkit/ui/listbox/shared.js#maybeLastButtonPointerType~3"),
+                            }),
+                        }), "@foldkit/ui/listbox/shared.js#anonymous~9")),
+                    ])), "@foldkit/ui/listbox/shared.js#PressedPointerOnButton");
                 }
                 return __foldkitBrandViewResult((openListbox(constrainedEvo(withPointerType, {
                     maybeActiveItemIndex: () => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/listbox/shared.js#maybeActiveItemIndex~7"),
@@ -358,14 +359,12 @@ export const makeUpdate = (handleSelectedItem) => {
                     maybeLastPointerPosition: () => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/listbox/shared.js#maybeLastPointerPosition~4"),
                 }), openCommands)), "@foldkit/ui/listbox/shared.js#PressedPointerOnButton");
             },
-            IgnoredMouseClick: () => __foldkitBrandViewResult(([
-                constrainedEvo(model, {
+            IgnoredMouseClick: () => (__foldkitBrandViewResult(({
+                model: constrainedEvo(model, {
                     maybeLastButtonPointerType: () => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/listbox/shared.js#maybeLastButtonPointerType~4"),
                 }),
-                [],
-                Option.none(),
-            ]), "@foldkit/ui/listbox/shared.js#IgnoredMouseClick"),
-        }))), "@foldkit/ui/listbox/shared.js#internalUpdate");
+            }), "@foldkit/ui/listbox/shared.js#IgnoredMouseClick")),
+        })), "@foldkit/ui/listbox/shared.js#internalUpdate");
     };
     return __foldkitBrandViewResult((internalUpdate), "@foldkit/ui/listbox/shared.js#makeUpdate");
 };
@@ -388,42 +387,42 @@ export const AnchorListbox = Mount.define('AnchorListbox', { buttonId: S.String,
         buttonId,
         anchor,
         focusAfterPosition: true,
-    })), "@foldkit/ui/listbox/shared.js#anonymous~9")), cleanup => __foldkitBrandViewResult((Effect.sync(cleanup)), "@foldkit/ui/listbox/shared.js#anonymous~10"));
-    return __foldkitBrandViewResult((Message.CompletedAnchorListbox()), "@foldkit/ui/listbox/shared.js#anonymous~8");
-})), "@foldkit/ui/listbox/shared.js#anonymous~7")), "@foldkit/ui/listbox/shared.js#anonymous~6"));
+    })), "@foldkit/ui/listbox/shared.js#anonymous~13")), cleanup => __foldkitBrandViewResult((Effect.sync(cleanup)), "@foldkit/ui/listbox/shared.js#anonymous~14"));
+    return __foldkitBrandViewResult((Message.CompletedAnchorListbox()), "@foldkit/ui/listbox/shared.js#anonymous~12");
+})), "@foldkit/ui/listbox/shared.js#anonymous~11")), "@foldkit/ui/listbox/shared.js#anonymous~10"));
 /** The backdrop-portaling Mount this Listbox renders. Exposed so Scene tests can
  *  call `Scene.Mount.resolve(PortalListboxBackdrop, CompletedPortalListboxBackdrop())` to
  *  acknowledge the mount produced by the rendered backdrop. */
 export const PortalListboxBackdrop = Mount.define('PortalListboxBackdrop', Message.CompletedPortalListboxBackdrop)(element => __foldkitBrandViewResult((Effect.gen(function* () {
-    yield* Effect.acquireRelease(Effect.sync(() => __foldkitBrandViewResult((portalToContainingRoot(element)), "@foldkit/ui/listbox/shared.js#anonymous~13")), cleanup => __foldkitBrandViewResult((Effect.sync(cleanup)), "@foldkit/ui/listbox/shared.js#anonymous~14"));
-    return __foldkitBrandViewResult((Message.CompletedPortalListboxBackdrop()), "@foldkit/ui/listbox/shared.js#anonymous~12");
-})), "@foldkit/ui/listbox/shared.js#anonymous~11"));
+    yield* Effect.acquireRelease(Effect.sync(() => __foldkitBrandViewResult((portalToContainingRoot(element)), "@foldkit/ui/listbox/shared.js#anonymous~17")), cleanup => __foldkitBrandViewResult((Effect.sync(cleanup)), "@foldkit/ui/listbox/shared.js#anonymous~18"));
+    return __foldkitBrandViewResult((Message.CompletedPortalListboxBackdrop()), "@foldkit/ui/listbox/shared.js#anonymous~16");
+})), "@foldkit/ui/listbox/shared.js#anonymous~15"));
 export const makeView = (behavior) => {
     const impl = defineView((model, viewInputs, h) => {
         const { id, isOpen, orientation, animation: { transitionState }, maybeActiveItemIndex, searchQuery, maybeLastButtonPointerType, } = model;
         const { items, itemToConfig, isItemDisabled, isButtonDisabled, buttonContent, buttonClassName, buttonAttributes = [], itemsClassName, itemsAttributes = [], itemsScrollClassName, itemsScrollAttributes = [], backdropClassName, backdropAttributes = [], className, attributes = [], itemGroupKey, groupToHeading, groupClassName, groupAttributes = [], separatorClassName, separatorAttributes = [], anchor = {}, name, form, isDisabled, isReadOnly = false, isInvalid, ariaLabel, ariaLabelledBy, selectedValues, } = viewInputs;
-        const itemToValue = viewInputs.itemToValue ?? ((item) => __foldkitBrandViewResult((String(item)), "@foldkit/ui/listbox/shared.js#anonymous~16"));
+        const itemToValue = viewInputs.itemToValue ?? ((item) => __foldkitBrandViewResult((String(item)), "@foldkit/ui/listbox/shared.js#anonymous~20"));
         const isValueSelected = (itemValue) => __foldkitBrandViewResult((Array.contains(selectedValues, itemValue)), "@foldkit/ui/listbox/shared.js#isValueSelected");
-        const itemToSearchText = viewInputs.itemToSearchText ?? ((item) => __foldkitBrandViewResult((itemToValue(item)), "@foldkit/ui/listbox/shared.js#anonymous~17"));
+        const itemToSearchText = viewInputs.itemToSearchText ?? ((item) => __foldkitBrandViewResult((itemToValue(item)), "@foldkit/ui/listbox/shared.js#anonymous~21"));
         const isLeaving = transitionState === 'LeaveStart' || transitionState === 'LeaveAnimating';
         const isVisible = isOpen || isLeaving;
         const animationAttributes = M.value(transitionState).pipe(M.when('EnterStart', () => __foldkitBrandViewResult(([
             h.DataAttribute('closed', ''),
             h.DataAttribute('enter', ''),
             h.DataAttribute('transition', ''),
-        ]), "@foldkit/ui/listbox/shared.js#anonymous~18")), M.when('EnterAnimating', () => __foldkitBrandViewResult(([
+        ]), "@foldkit/ui/listbox/shared.js#anonymous~22")), M.when('EnterAnimating', () => __foldkitBrandViewResult(([
             h.DataAttribute('enter', ''),
             h.DataAttribute('transition', ''),
-        ]), "@foldkit/ui/listbox/shared.js#anonymous~19")), M.when('LeaveStart', () => __foldkitBrandViewResult(([
+        ]), "@foldkit/ui/listbox/shared.js#anonymous~23")), M.when('LeaveStart', () => __foldkitBrandViewResult(([
             h.DataAttribute('leave', ''),
             h.DataAttribute('transition', ''),
-        ]), "@foldkit/ui/listbox/shared.js#anonymous~20")), M.when('LeaveAnimating', () => __foldkitBrandViewResult(([
+        ]), "@foldkit/ui/listbox/shared.js#anonymous~24")), M.when('LeaveAnimating', () => __foldkitBrandViewResult(([
             h.DataAttribute('closed', ''),
             h.DataAttribute('leave', ''),
             h.DataAttribute('transition', ''),
-        ]), "@foldkit/ui/listbox/shared.js#anonymous~21")), M.orElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/listbox/shared.js#anonymous~22")));
+        ]), "@foldkit/ui/listbox/shared.js#anonymous~25")), M.orElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/listbox/shared.js#anonymous~26")));
         const isItemDisabledByIndex = (index) => __foldkitBrandViewResult((Predicate.isNotUndefined(isItemDisabled) &&
-            pipe(items, Array.get(index), Option.exists(item => __foldkitBrandViewResult((isItemDisabled(item, index)), "@foldkit/ui/listbox/shared.js#anonymous~23")))), "@foldkit/ui/listbox/shared.js#isItemDisabledByIndex");
+            pipe(items, Array.get(index), Option.exists(item => __foldkitBrandViewResult((isItemDisabled(item, index)), "@foldkit/ui/listbox/shared.js#anonymous~27")))), "@foldkit/ui/listbox/shared.js#isItemDisabledByIndex");
         const isButtonEffectivelyDisabled = isDisabled || isButtonDisabled;
         const nextKey = orientation === 'Horizontal' ? 'ArrowRight' : 'ArrowDown';
         const previousKey = orientation === 'Horizontal' ? 'ArrowLeft' : 'ArrowUp';
@@ -438,20 +437,20 @@ export const makeView = (behavior) => {
         const isNavigationKey = (key) => __foldkitBrandViewResult((Array.contains(navigationKeys, key)), "@foldkit/ui/listbox/shared.js#isNavigationKey");
         const firstEnabledIndex = findFirstEnabledIndex(items.length, 0, isItemDisabledByIndex)(0, 1);
         const lastEnabledIndex = findFirstEnabledIndex(items.length, 0, isItemDisabledByIndex)(items.length - 1, -1);
-        const selectedItemIndex = pipe(selectedValues, Array.head, Option.flatMap(selectedValue => __foldkitBrandViewResult((Array.findFirstIndex(items, item => __foldkitBrandViewResult((itemToValue(item) === selectedValue), "@foldkit/ui/listbox/shared.js#anonymous~25"))), "@foldkit/ui/listbox/shared.js#anonymous~24")));
+        const selectedItemIndex = pipe(selectedValues, Array.head, Option.flatMap(selectedValue => __foldkitBrandViewResult((Array.findFirstIndex(items, item => __foldkitBrandViewResult((itemToValue(item) === selectedValue), "@foldkit/ui/listbox/shared.js#anonymous~29"))), "@foldkit/ui/listbox/shared.js#anonymous~28")));
         const handleButtonKeyDown = (key) => {
             if (isOpen) {
                 return __foldkitBrandViewResult((handleItemsKeyDown(key)), "@foldkit/ui/listbox/shared.js#handleButtonKeyDown");
             }
             return __foldkitBrandViewResult((M.value(key).pipe(M.whenOr('Enter', ' ', 'ArrowDown', () => __foldkitBrandViewResult((Option.some(Message.Opened({
-                maybeActiveItemIndex: Option.orElse(selectedItemIndex, () => __foldkitBrandViewResult((Option.some(firstEnabledIndex)), "@foldkit/ui/listbox/shared.js#anonymous~27")),
-            }))), "@foldkit/ui/listbox/shared.js#anonymous~26")), M.when('ArrowUp', () => __foldkitBrandViewResult((Option.some(Message.Opened({
-                maybeActiveItemIndex: Option.orElse(selectedItemIndex, () => __foldkitBrandViewResult((Option.some(lastEnabledIndex)), "@foldkit/ui/listbox/shared.js#anonymous~29")),
-            }))), "@foldkit/ui/listbox/shared.js#anonymous~28")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/listbox/shared.js#anonymous~30")))), "@foldkit/ui/listbox/shared.js#handleButtonKeyDown");
+                maybeActiveItemIndex: Option.orElse(selectedItemIndex, () => __foldkitBrandViewResult((Option.some(firstEnabledIndex)), "@foldkit/ui/listbox/shared.js#anonymous~31")),
+            }))), "@foldkit/ui/listbox/shared.js#anonymous~30")), M.when('ArrowUp', () => __foldkitBrandViewResult((Option.some(Message.Opened({
+                maybeActiveItemIndex: Option.orElse(selectedItemIndex, () => __foldkitBrandViewResult((Option.some(lastEnabledIndex)), "@foldkit/ui/listbox/shared.js#anonymous~33")),
+            }))), "@foldkit/ui/listbox/shared.js#anonymous~32")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/listbox/shared.js#anonymous~34")))), "@foldkit/ui/listbox/shared.js#handleButtonKeyDown");
         };
         const handleButtonPointerDown = (pointerType, button) => __foldkitBrandViewResult((Option.some(Message.PressedPointerOnButton({ pointerType, button }))), "@foldkit/ui/listbox/shared.js#handleButtonPointerDown");
         const handleButtonClick = () => {
-            const isMouse = Option.exists(maybeLastButtonPointerType, type => __foldkitBrandViewResult((type === 'mouse'), "@foldkit/ui/listbox/shared.js#anonymous~31"));
+            const isMouse = Option.exists(maybeLastButtonPointerType, type => __foldkitBrandViewResult((type === 'mouse'), "@foldkit/ui/listbox/shared.js#anonymous~35"));
             if (isMouse) {
                 return __foldkitBrandViewResult((Message.IgnoredMouseClick()), "@foldkit/ui/listbox/shared.js#handleButtonClick");
             }
@@ -464,7 +463,7 @@ export const makeView = (behavior) => {
         };
         const handleSpaceKeyUp = (key) => __foldkitBrandViewResult((OptionExt.when(key === ' ', Message.SuppressedSpaceScroll())), "@foldkit/ui/listbox/shared.js#handleSpaceKeyUp");
         const resolveActiveIndex = (key) => __foldkitBrandViewResult((Option.match(maybeActiveItemIndex, {
-            onNone: () => __foldkitBrandViewResult((M.value(key).pipe(M.whenOr(previousKey, 'End', 'PageDown', () => __foldkitBrandViewResult((lastEnabledIndex), "@foldkit/ui/listbox/shared.js#anonymous~32")), M.orElse(() => __foldkitBrandViewResult((firstEnabledIndex), "@foldkit/ui/listbox/shared.js#anonymous~33")))), "@foldkit/ui/listbox/shared.js#onNone~2"),
+            onNone: () => __foldkitBrandViewResult((M.value(key).pipe(M.whenOr(previousKey, 'End', 'PageDown', () => __foldkitBrandViewResult((lastEnabledIndex), "@foldkit/ui/listbox/shared.js#anonymous~36")), M.orElse(() => __foldkitBrandViewResult((firstEnabledIndex), "@foldkit/ui/listbox/shared.js#anonymous~37")))), "@foldkit/ui/listbox/shared.js#onNone~2"),
             onSome: activeIndex => __foldkitBrandViewResult((keyToIndex(nextKey, previousKey, items.length, activeIndex, isItemDisabledByIndex)(key)), "@foldkit/ui/listbox/shared.js#onSome~2"),
         })), "@foldkit/ui/listbox/shared.js#resolveActiveIndex");
         const searchForKey = (key) => {
@@ -477,15 +476,15 @@ export const makeView = (behavior) => {
                 return __foldkitBrandViewResult((Option.as(maybeActiveItemIndex, Message.SuppressedItemCommit())), "@foldkit/ui/listbox/shared.js#resolveCommitMessage");
             }
             else {
-                return __foldkitBrandViewResult((Option.map(maybeActiveItemIndex, index => __foldkitBrandViewResult((Message.RequestedItemClick({ index })), "@foldkit/ui/listbox/shared.js#anonymous~34"))), "@foldkit/ui/listbox/shared.js#resolveCommitMessage");
+                return __foldkitBrandViewResult((Option.map(maybeActiveItemIndex, index => __foldkitBrandViewResult((Message.RequestedItemClick({ index })), "@foldkit/ui/listbox/shared.js#anonymous~38"))), "@foldkit/ui/listbox/shared.js#resolveCommitMessage");
             }
         };
-        const handleItemsKeyDown = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.when('Escape', () => __foldkitBrandViewResult((Option.some(Message.Closed())), "@foldkit/ui/listbox/shared.js#anonymous~35")), M.when('Enter', resolveCommitMessage), M.when(' ', () => __foldkitBrandViewResult((Str.isNonEmpty(searchQuery)
+        const handleItemsKeyDown = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.when('Escape', () => __foldkitBrandViewResult((Option.some(Message.Closed())), "@foldkit/ui/listbox/shared.js#anonymous~39")), M.when('Enter', resolveCommitMessage), M.when(' ', () => __foldkitBrandViewResult((Str.isNonEmpty(searchQuery)
             ? searchForKey(' ')
-            : resolveCommitMessage()), "@foldkit/ui/listbox/shared.js#anonymous~36")), M.when(isNavigationKey, () => __foldkitBrandViewResult((Option.some(Message.ActivatedItem({
+            : resolveCommitMessage()), "@foldkit/ui/listbox/shared.js#anonymous~40")), M.when(isNavigationKey, () => __foldkitBrandViewResult((Option.some(Message.ActivatedItem({
             index: resolveActiveIndex(key),
             activationTrigger: 'Keyboard',
-        }))), "@foldkit/ui/listbox/shared.js#anonymous~37")), M.when(isPrintableKey, () => __foldkitBrandViewResult((searchForKey(key)), "@foldkit/ui/listbox/shared.js#anonymous~38")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/listbox/shared.js#anonymous~39")))), "@foldkit/ui/listbox/shared.js#handleItemsKeyDown");
+        }))), "@foldkit/ui/listbox/shared.js#anonymous~41")), M.when(isPrintableKey, () => __foldkitBrandViewResult((searchForKey(key)), "@foldkit/ui/listbox/shared.js#anonymous~42")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/listbox/shared.js#anonymous~43")))), "@foldkit/ui/listbox/shared.js#handleItemsKeyDown");
         const resolveButtonLabel = () => {
             if (Predicate.isNotUndefined(ariaLabel)) {
                 return __foldkitBrandViewResult(([h.AriaLabel(ariaLabel)]), "@foldkit/ui/listbox/shared.js#resolveButtonLabel");
@@ -560,7 +559,7 @@ export const makeView = (behavior) => {
             ...itemsAttributes,
         ];
         const listboxItems = Array.map(items, (item, index) => {
-            const isActiveItem = Option.exists(maybeActiveItemIndex, activeIndex => __foldkitBrandViewResult((activeIndex === index), "@foldkit/ui/listbox/shared.js#anonymous~41"));
+            const isActiveItem = Option.exists(maybeActiveItemIndex, activeIndex => __foldkitBrandViewResult((activeIndex === index), "@foldkit/ui/listbox/shared.js#anonymous~45"));
             const isDisabledItem = isItemDisabledByIndex(index);
             const isSelectedItem = isValueSelected(itemToValue(item));
             const itemConfig = itemToConfig(item, {
@@ -593,13 +592,13 @@ export const makeView = (behavior) => {
                                     index,
                                     screenX,
                                     screenY,
-                                }))), "@foldkit/ui/listbox/shared.js#anonymous~42")),
+                                }))), "@foldkit/ui/listbox/shared.js#anonymous~46")),
                             ]),
-                        h.OnPointerLeave(pointerType => __foldkitBrandViewResult((OptionExt.when(pointerType !== 'touch', Message.DeactivatedItem())), "@foldkit/ui/listbox/shared.js#anonymous~43")),
+                        h.OnPointerLeave(pointerType => __foldkitBrandViewResult((OptionExt.when(pointerType !== 'touch', Message.DeactivatedItem())), "@foldkit/ui/listbox/shared.js#anonymous~47")),
                     ]
                     : []),
                 ...(itemConfig.className ? [h.Class(itemConfig.className)] : []),
-            ], [itemConfig.content])), "@foldkit/ui/listbox/shared.js#anonymous~40");
+            ], [itemConfig.content])), "@foldkit/ui/listbox/shared.js#anonymous~44");
         });
         const renderGroupedItems = () => {
             if (!itemGroupKey) {
@@ -608,7 +607,7 @@ export const makeView = (behavior) => {
             const segments = groupContiguous(listboxItems, (_, index) => __foldkitBrandViewResult((Array.get(items, index).pipe(Option.match({
                 onNone: () => __foldkitBrandViewResult((''), "@foldkit/ui/listbox/shared.js#onNone~4"),
                 onSome: item => __foldkitBrandViewResult((itemGroupKey(item, index)), "@foldkit/ui/listbox/shared.js#onSome~4"),
-            }))), "@foldkit/ui/listbox/shared.js#anonymous~44"));
+            }))), "@foldkit/ui/listbox/shared.js#anonymous~48"));
             return __foldkitBrandViewResult((Array.flatMap(segments, (segment, segmentIndex) => {
                 const maybeHeading = Option.fromNullishOr(groupToHeading?.(segment.key));
                 const headingId = `${id}-heading-${segment.key}`;
@@ -644,7 +643,7 @@ export const makeView = (behavior) => {
                         ]),
                     ]
                     : [];
-                return __foldkitBrandViewResult(([...separator, groupElement]), "@foldkit/ui/listbox/shared.js#anonymous~45");
+                return __foldkitBrandViewResult(([...separator, groupElement]), "@foldkit/ui/listbox/shared.js#anonymous~49");
             })), "@foldkit/ui/listbox/shared.js#renderGroupedItems");
         };
         const backdrop = h.keyed('div')(`${id}-backdrop`, [
@@ -680,7 +679,7 @@ export const makeView = (behavior) => {
                     h.Name(name),
                     h.Value(selectedValue),
                     ...formAttribute,
-                ])), "@foldkit/ui/listbox/shared.js#anonymous~46")),
+                ])), "@foldkit/ui/listbox/shared.js#anonymous~50")),
             })
             : [];
         const wrapperAttributes = [
@@ -697,9 +696,9 @@ export const makeView = (behavior) => {
             ]),
             ...hiddenInputs,
             ...(isVisible ? visibleContent : []),
-        ])), "@foldkit/ui/listbox/shared.js#anonymous~15");
+        ])), "@foldkit/ui/listbox/shared.js#anonymous~19");
     });
     return __foldkitBrandViewResult((() => 
     /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
-    __foldkitBrandViewResult((impl), "@foldkit/ui/listbox/shared.js#anonymous~47")), "@foldkit/ui/listbox/shared.js#makeView");
+    __foldkitBrandViewResult((impl), "@foldkit/ui/listbox/shared.js#anonymous~51")), "@foldkit/ui/listbox/shared.js#makeView");
 };

package/dist/listbox/single.d.ts

@@ -1,5 +1,5 @@
 import { Option, Schema as S } from 'effect';
-import type * as Command from 'foldkit/command';
+import { type Update } from 'foldkit';
 import { type View as SubmodelView } from 'foldkit/submodel';
 import { type BaseInitConfig, type BaseViewInputsCommon, type ItemToValueInput, Message, OutMessage } from './shared.js';
 /** Schema for the single-select listbox's private interaction state (open/closed status, active item, activation trigger, typeahead search). The selection is owned by the parent and passed in via `ViewInputs.maybeSelectedValue`. */
@@ -29,7 +29,9 @@ export type Model = typeof Model.Type;
 export type InitConfig = BaseInitConfig;
 /** Creates an initial single-select listbox model from a config. Defaults to closed with no active item. */
 export declare const init: (config: InitConfig) => Model;
-/** Processes a listbox message and returns the next model, commands, and optional OutMessage. Closes the listbox on selection (single-select behavior); emits a `Selected({ value })` OutMessage the parent stores as the selection. */
+/** Processes a Listbox Message and returns the next Model, optional Commands,
+ *  and an optional OutMessage. Selection closes the Listbox and emits
+ *  `Selected({ value })` for the parent to store. */
 export declare const update: (model: {
     readonly id: string;
     readonly isOpen: boolean;
@@ -50,31 +52,29 @@ export declare const update: (model: {
         readonly screenY: number;
     }>;
     readonly maybeLastButtonPointerType: Option.Option<string>;
-}, message: Message) => readonly [{
-    readonly id: string;
-    readonly isOpen: boolean;
-    readonly isAnimated: boolean;
-    readonly isModal: boolean;
-    readonly orientation: "Horizontal" | "Vertical";
-    readonly animation: {
+}, message: Message) => Readonly<{
+    model: {
         readonly id: string;
-        readonly isShowing: boolean;
-        readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
+        readonly isOpen: boolean;
+        readonly isAnimated: boolean;
+        readonly isModal: boolean;
+        readonly orientation: "Horizontal" | "Vertical";
+        readonly animation: {
+            readonly id: string;
+            readonly isShowing: boolean;
+            readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
+        };
+        readonly maybeActiveItemIndex: Option.Option<number>;
+        readonly activationTrigger: "Pointer" | "Keyboard";
+        readonly searchQuery: string;
+        readonly searchVersion: number;
+        readonly maybeLastPointerPosition: Option.Option<{
+            readonly screenX: number;
+            readonly screenY: number;
+        }>;
+        readonly maybeLastButtonPointerType: Option.Option<string>;
     };
-    readonly maybeActiveItemIndex: Option.Option<number>;
-    readonly activationTrigger: "Pointer" | "Keyboard";
-    readonly searchQuery: string;
-    readonly searchVersion: number;
-    readonly maybeLastPointerPosition: Option.Option<{
-        readonly screenX: number;
-        readonly screenY: number;
-    }>;
-    readonly maybeLastButtonPointerType: Option.Option<string>;
-}, readonly Readonly<{
-    name: string;
-    args?: Record<string, unknown>;
-    key?: string;
-    effect: import("effect/Effect").Effect<{
+    commands?: Update.Commands<{
         readonly _tag: "IgnoredMouseClick";
     } | {
         readonly _tag: "SuppressedSpaceScroll";
@@ -146,14 +146,15 @@ export declare const update: (model: {
         readonly _tag: "CompletedAnchorListbox";
     } | {
         readonly _tag: "CompletedPortalListboxBackdrop";
-    }, never, never>;
-}>[], Option.Option<Readonly<{
-    readonly _tag: "Selected";
-    readonly value: string;
-}>>];
+    }, never>;
+    outMessage?: Readonly<{
+        readonly _tag: "Selected";
+        readonly value: string;
+    }>;
+}>;
 type UpdateReturn = ReturnType<typeof update>;
-/** Programmatically opens the listbox, updating the model and returning
- *  focus and modal commands. Use this in domain-event handlers to open the listbox. */
+/** Programmatically opens the Listbox, updating the Model and returning focus
+ *  and modal Commands. Use this in domain-event handlers. */
 export declare const open: (model: Model) => UpdateReturn;
 /** Programmatically closes the listbox. If it is open, returns the closed Model
  *  with focus and modal Commands. If it is already closed, returns the Model
@@ -171,6 +172,7 @@ export type ViewInputs<Item, Value extends string = string> = BaseViewInputsComm
      *  form input submitted under `name`. */
     maybeSelectedValue: Option.Option<Value>;
 }> & ItemToValueInput<Item, Value>;
+type BundleUpdateReturn<Value extends string> = Update.ReturnWithOutMessage<Model, Message, OutMessage<Value>>;
 /** The `view`, `update`, and programmatic helpers that `Listbox.create`
  *  returns, bound to one `Item` and `Value` pair. Name it to annotate a
  *  value that holds a created bundle, such as a field on a config object
@@ -178,26 +180,10 @@ export type ViewInputs<Item, Value extends string = string> = BaseViewInputsComm
  *  `create` itself. */
 export type Bundle<Item = string, Value extends string = Item extends string ? Item : string> = Readonly<{
     view: SubmodelView<Model, Message, ViewInputs<Item, Value>>;
-    update: (model: Model, message: Message) => readonly [
-        Model,
-        ReadonlyArray<Command.Command<Message>>,
-        Option.Option<OutMessage<Value>>
-    ];
-    selectItem: (model: Model, item: Value) => readonly [
-        Model,
-        ReadonlyArray<Command.Command<Message>>,
-        Option.Option<OutMessage<Value>>
-    ];
-    open: (model: Model) => readonly [
-        Model,
-        ReadonlyArray<Command.Command<Message>>,
-        Option.Option<OutMessage<Value>>
-    ];
-    close: (model: Model) => readonly [
-        Model,
-        ReadonlyArray<Command.Command<Message>>,
-        Option.Option<OutMessage<Value>>
-    ];
+    update: (model: Model, message: Message) => BundleUpdateReturn<Value>;
+    selectItem: (model: Model, item: Value) => BundleUpdateReturn<Value>;
+    open: (model: Model) => BundleUpdateReturn<Value>;
+    close: (model: Model) => BundleUpdateReturn<Value>;
 }>;
 /** Pairs the single-select listbox's `view` and `update` (and programmatic
  *  helpers) behind a single Item-typed entry point. Declaring the listbox
@@ -210,9 +196,8 @@ export type Bundle<Item = string, Value extends string = Item extends string ? I
  *  // In view:
  *  h.submodel({ view: ColorListbox.view, ... })
  *
- *  // In update:
- *  const [next, commands, maybeOutMessage] = ColorListbox.update(model, message)
- *  // maybeOutMessage: Option<Listbox.OutMessage<Color>>
+ *  // In the parent update, pass ColorListbox.update to Update.foldChild and
+ *  // handle Listbox.OutMessage<Color> in foldOutMessage.
  *  ```
  *
  *  Two type params support object-typed items with an `itemToValue`

package/dist/listbox/single.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"single.d.ts","sourceRoot":"","sources":["../../src/listbox/single.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"single.d.ts","sourceRoot":"","sources":["../../src/listbox/single.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAC5C,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,EAAE,KAAK,IAAI,IAAI,YAAY,EAAc,MAAM,kBAAkB,CAAA;AAExE,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,OAAO,EACP,UAAU,EAIX,MAAM,aAAa,CAAA;AAIpB,wOAAwO;AACxO,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;EAEhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,mOAAmO;AACnO,MAAM,MAAM,UAAU,GAAG,cAAc,CAAA;AAEvC,4GAA4G;AAC5G,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAAyB,CAAA;AAInE;;qDAEqD;AACrD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAElB,CAAA;AAED,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAA;AAE7C;6DAC6D;AAC7D,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,YACoC,CAAA;AAExE;;;eAGe;AACf,eAAO,MAAM,KAAK,GAAI,OAAO,KAAK,KAAG,YACJ,CAAA;AAEjC,0IAA0I;AAC1I,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,EAAE,MAAM,MAAM,KAAG,YACT,CAAA;AAI/C,uFAAuF;AACvF,MAAM,MAAM,UAAU,CACpB,IAAI,EACJ,KAAK,SAAS,MAAM,GAAG,MAAM,IAC3B,oBAAoB,CAAC,IAAI,CAAC,GAC5B,QAAQ,CAAC;IACP;;;;6CAIyC;IACzC,kBAAkB,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;CACzC,CAAC,GACF,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;AAkB/B,KAAK,kBAAkB,CAAC,KAAK,SAAS,MAAM,IAAI,MAAM,CAAC,oBAAoB,CACzE,KAAK,EACL,OAAO,EACP,UAAU,CAAC,KAAK,CAAC,CAClB,CAAA;AAED;;;;uBAIuB;AACvB,MAAM,MAAM,MAAM,CAChB,IAAI,GAAG,MAAM,EACb,KAAK,SAAS,MAAM,GAAG,IAAI,SAAS,MAAM,GAAG,IAAI,GAAG,MAAM,IACxD,QAAQ,CAAC;IACX,IAAI,EAAE,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAC3D,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACrE,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACpE,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACjD,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAA;CACnD,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;wDAkBwD;AACxD,eAAO,MAAM,MAAM,GACjB,IAAI,GAAG,MAAM,EACb,KAAK,SAAS,MAAM,GAAG,IAAI,SAAS,MAAM,GAAG,IAAI,GAAG,MAAM,OACvD,MAAM,CAAC,IAAI,EAAE,KAAK,CA2BtB,CAAA"}