@foldkit/ui 0.150.0 → 0.151.0

package/dist/combobox/shared.js

@@ -177,20 +177,18 @@ export const DetectMovementOrAnimationEnd = Command.define('DetectMovementOrAnim
 });
 /** Creates a combobox update function from variant-specific handlers. Shared logic (open, close, activate, transition) is handled internally; only close, selection, and immediate-activation behavior varies by variant. */
 export const makeUpdate = (handlers) => {
-    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/combobox/shared.js#anonymous")), "@foldkit/ui/combobox/shared.js#StartedLeaveAnimating"),
-        TransitionedOut: () => __foldkitBrandViewResult((model => __foldkitBrandViewResult(([model, []]), "@foldkit/ui/combobox/shared.js#anonymous~2")), "@foldkit/ui/combobox/shared.js#TransitionedOut"),
+            commands: [DetectMovementOrAnimationEnd({ id: model.id })],
+        }), "@foldkit/ui/combobox/shared.js#anonymous"))), "@foldkit/ui/combobox/shared.js#StartedLeaveAnimating"),
+        TransitionedOut: () => __foldkitBrandViewResult((model => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/combobox/shared.js#anonymous~2"))), "@foldkit/ui/combobox/shared.js#TransitionedOut"),
     }));
     const foldAnimation = Update.foldChild({
         update: animationUpdate,
         read: (model) => __foldkitBrandViewResult((Option.some(model.animation)), "@foldkit/ui/combobox/shared.js#read"),
         write: (model, nextAnimation) => __foldkitBrandViewResult((constrainedEvo(model, { animation: () => __foldkitBrandViewResult((nextAnimation), "@foldkit/ui/combobox/shared.js#animation") })), "@foldkit/ui/combobox/shared.js#write"),
         toParentMessage: message => __foldkitBrandViewResult((Message.GotAnimationMessage({ message })), "@foldkit/ui/combobox/shared.js#toParentMessage"),
-        toParentOutMessage: () => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/combobox/shared.js#toParentOutMessage"),
         foldOutMessage: foldAnimationOutMessage,
     });
     const internalUpdate = (model, message) => {
@@ -203,54 +201,61 @@ export const makeUpdate = (handlers) => {
             focusInput,
             ...Array.getSomes([maybeUnlockScroll, maybeRestoreInert]),
         ];
-        const closeWithoutFocusCommands = Array.getSomes([
-            maybeUnlockScroll,
-            maybeRestoreInert,
-        ]);
-        const closeSelectedItemWithFocus = (nextModel, maybeOutMessage = Option.none()) => {
+        const closeWithoutFocusCommands = Array.getSomes([maybeUnlockScroll, maybeRestoreInert]);
+        const closeSelectedItemWithFocus = (nextModel, outMessage) => {
             const didClose = model.isOpen && !nextModel.isOpen;
-            const commands = didClose ? closeWithFocusCommands : [focusInput];
+            const commands = didClose
+                ? closeWithFocusCommands
+                : [focusInput];
             if (didClose && model.isAnimated) {
-                const [transitionedModel, animationCommands] = foldAnimation(nextModel, AnimationMessage.Hid());
-                return __foldkitBrandViewResult(([
-                    transitionedModel,
-                    [...commands, ...animationCommands],
-                    maybeOutMessage,
-                ]), "@foldkit/ui/combobox/shared.js#closeSelectedItemWithFocus");
+                return __foldkitBrandViewResult((pipe(nextModel, Update.combine([
+                    stepModel => (__foldkitBrandViewResult(({ model: stepModel, commands }), "@foldkit/ui/combobox/shared.js#anonymous~3")),
+                    foldAnimation(AnimationMessage.Hid()),
+                ]), Update.withOutMessage(outMessage))), "@foldkit/ui/combobox/shared.js#closeSelectedItemWithFocus");
             }
-            return __foldkitBrandViewResult(([nextModel, commands, maybeOutMessage]), "@foldkit/ui/combobox/shared.js#closeSelectedItemWithFocus");
+            return __foldkitBrandViewResult((Update.withOutMessage({ model: nextModel, commands }, outMessage)), "@foldkit/ui/combobox/shared.js#closeSelectedItemWithFocus");
         };
         const openCombobox = (baseModel) => {
             if (model.isAnimated) {
-                const [nextModel, animationCommands] = foldAnimation(baseModel, AnimationMessage.Showed());
-                return __foldkitBrandViewResult(([
-                    constrainedEvo(nextModel, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/combobox/shared.js#isOpen~2") }),
-                    [
-                        ...Array.getSomes([maybeLockScroll, maybeInertOthers]),
-                        ...animationCommands,
-                    ],
-                    Option.none(),
-                ]), "@foldkit/ui/combobox/shared.js#openCombobox");
+                return __foldkitBrandViewResult((Update.combine(baseModel, [
+                    stepModel => (__foldkitBrandViewResult(({
+                        model: stepModel,
+                        commands: Array.getSomes([maybeLockScroll, maybeInertOthers]),
+                    }), "@foldkit/ui/combobox/shared.js#anonymous~4")),
+                    foldAnimation(AnimationMessage.Showed()),
+                    stepModel => (__foldkitBrandViewResult(({
+                        model: constrainedEvo(stepModel, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/combobox/shared.js#isOpen~2") }),
+                    }), "@foldkit/ui/combobox/shared.js#anonymous~5")),
+                ])), "@foldkit/ui/combobox/shared.js#openCombobox");
             }
-            return __foldkitBrandViewResult(([
-                constrainedEvo(baseModel, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/combobox/shared.js#isOpen~3") }),
-                Array.getSomes([maybeLockScroll, maybeInertOthers]),
-                Option.none(),
-            ]), "@foldkit/ui/combobox/shared.js#openCombobox");
+            return __foldkitBrandViewResult(({
+                model: constrainedEvo(baseModel, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/combobox/shared.js#isOpen~3") }),
+                commands: Array.getSomes([maybeLockScroll, maybeInertOthers]),
+            }), "@foldkit/ui/combobox/shared.js#openCombobox");
         };
         const closeCombobox = (baseModel, commands, restingInputValue, isClearable) => {
-            const [closed, maybeCloseOutMessage] = handlers.handleClose(baseModel, restingInputValue, isClearable);
+            const comboboxClose = handlers.handleClose(baseModel, restingInputValue, isClearable);
             if (model.isAnimated) {
-                const [nextModel, animationCommands] = foldAnimation(closed, AnimationMessage.Hid());
-                return __foldkitBrandViewResult(([
-                    nextModel,
-                    [...commands, ...animationCommands],
-                    maybeCloseOutMessage,
-                ]), "@foldkit/ui/combobox/shared.js#closeCombobox");
+                return __foldkitBrandViewResult((pipe(comboboxClose.model, Update.combine([
+                    stepModel => (__foldkitBrandViewResult(({ model: stepModel, commands }), "@foldkit/ui/combobox/shared.js#anonymous~6")),
+                    foldAnimation(AnimationMessage.Hid()),
+                ]), Update.withOutMessage(comboboxClose.outMessage))), "@foldkit/ui/combobox/shared.js#closeCombobox");
             }
-            return __foldkitBrandViewResult(([closed, commands, maybeCloseOutMessage]), "@foldkit/ui/combobox/shared.js#closeCombobox");
+            return __foldkitBrandViewResult((Update.withOutMessage({ model: comboboxClose.model, commands }, comboboxClose.outMessage)), "@foldkit/ui/combobox/shared.js#closeCombobox");
         };
-        return __foldkitBrandViewResult((M.value(message).pipe(withUpdateReturn, M.tag('CompletedLockScroll', 'CompletedUnlockScroll', 'CompletedInertOthers', 'CompletedRestoreInert', 'CompletedFocusInput', 'CompletedScrollIntoView', 'CompletedClickItem', 'SuppressedItemCommit', 'CompletedAnchorCombobox', 'CompletedAttachComboboxPreventBlur', 'CompletedAttachComboboxSelectOnFocus', 'CompletedPortalComboboxBackdrop', () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/combobox/shared.js#anonymous~3")), M.tagsExhaustive({
+        return __foldkitBrandViewResult((Message.match(message, {
+            CompletedLockScroll: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/combobox/shared.js#CompletedLockScroll")),
+            CompletedUnlockScroll: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/combobox/shared.js#CompletedUnlockScroll")),
+            CompletedInertOthers: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/combobox/shared.js#CompletedInertOthers")),
+            CompletedRestoreInert: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/combobox/shared.js#CompletedRestoreInert")),
+            CompletedFocusInput: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/combobox/shared.js#CompletedFocusInput")),
+            CompletedScrollIntoView: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/combobox/shared.js#CompletedScrollIntoView")),
+            CompletedClickItem: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/combobox/shared.js#CompletedClickItem")),
+            SuppressedItemCommit: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/combobox/shared.js#SuppressedItemCommit")),
+            CompletedAnchorCombobox: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/combobox/shared.js#CompletedAnchorCombobox")),
+            CompletedAttachComboboxPreventBlur: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/combobox/shared.js#CompletedAttachComboboxPreventBlur")),
+            CompletedAttachComboboxSelectOnFocus: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/combobox/shared.js#CompletedAttachComboboxSelectOnFocus")),
+            CompletedPortalComboboxBackdrop: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/combobox/shared.js#CompletedPortalComboboxBackdrop")),
             Opened: ({ maybeActiveItemIndex }) => __foldkitBrandViewResult((openCombobox(constrainedEvo(model, {
                 maybeActiveItemIndex: () => __foldkitBrandViewResult((maybeActiveItemIndex), "@foldkit/ui/combobox/shared.js#maybeActiveItemIndex~2"),
                 activationTrigger: () => __foldkitBrandViewResult((Option.match(maybeActiveItemIndex, {
@@ -259,77 +264,73 @@ export const makeUpdate = (handlers) => {
                 })), "@foldkit/ui/combobox/shared.js#activationTrigger~2"),
                 maybeLastPointerPosition: () => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/combobox/shared.js#maybeLastPointerPosition~2"),
             }))), "@foldkit/ui/combobox/shared.js#Opened"),
-            // NOTE: guard on isOpen so a close-path message baked from a stale
-            // render (a sub-frame blur after a selection already closed the
-            // combobox) cannot rewrite inputValue with an outdated
-            // restingInputValue or re-emit ClearedSelection while closed.
+            // NOTE: A blur Message can arrive after selection has already closed the
+            // Combobox. Ignore that stale Message so it cannot restore an old input
+            // value or emit ClearedSelection again.
             Closed: ({ restingInputValue, isClearable }) => __foldkitBrandViewResult((model.isOpen
                 ? closeCombobox(model, closeWithFocusCommands, restingInputValue, isClearable)
-                : [model, [], Option.none()]), "@foldkit/ui/combobox/shared.js#Closed"),
+                : { model }), "@foldkit/ui/combobox/shared.js#Closed"),
             BlurredInput: ({ restingInputValue, isClearable }) => __foldkitBrandViewResult((model.isOpen
                 ? closeCombobox(model, closeWithoutFocusCommands, restingInputValue, isClearable)
-                : [model, [], Option.none()]), "@foldkit/ui/combobox/shared.js#BlurredInput"),
+                : { model }), "@foldkit/ui/combobox/shared.js#BlurredInput"),
             ActivatedItem: ({ index, activationTrigger, maybeImmediateSelection, }) => {
                 const highlightedModel = constrainedEvo(model, {
                     maybeActiveItemIndex: () => __foldkitBrandViewResult((Option.some(index)), "@foldkit/ui/combobox/shared.js#maybeActiveItemIndex~3"),
                     activationTrigger: () => __foldkitBrandViewResult((activationTrigger), "@foldkit/ui/combobox/shared.js#activationTrigger~3"),
                 });
-                const skippedActivation = [highlightedModel, Option.none()];
-                const [nextModel, maybeOutMessage] = Option.match(maybeImmediateSelection, {
+                const skippedActivation = {
+                    model: highlightedModel,
+                };
+                const activation = Option.match(maybeImmediateSelection, {
                     onNone: () => __foldkitBrandViewResult((skippedActivation), "@foldkit/ui/combobox/shared.js#onNone~2"),
                     onSome: ({ item }) => __foldkitBrandViewResult((handlers.handleImmediateActivation(highlightedModel, item)), "@foldkit/ui/combobox/shared.js#onSome~2"),
                 });
-                return __foldkitBrandViewResult(([
-                    nextModel,
-                    activationTrigger === 'Keyboard'
-                        ? [ScrollIntoView({ id: model.id, index })]
-                        : [],
-                    maybeOutMessage,
-                ]), "@foldkit/ui/combobox/shared.js#ActivatedItem");
+                if (activationTrigger === 'Keyboard') {
+                    return __foldkitBrandViewResult((Update.withOutMessage({
+                        model: activation.model,
+                        commands: [ScrollIntoView({ id: model.id, index })],
+                    }, activation.outMessage)), "@foldkit/ui/combobox/shared.js#ActivatedItem");
+                }
+                else {
+                    return __foldkitBrandViewResult((activation), "@foldkit/ui/combobox/shared.js#ActivatedItem");
+                }
             },
             MovedPointerOverItem: ({ index, screenX, screenY }) => {
-                const isSamePosition = Option.exists(model.maybeLastPointerPosition, position => __foldkitBrandViewResult((position.screenX === screenX && position.screenY === screenY), "@foldkit/ui/combobox/shared.js#anonymous~4"));
+                const isSamePosition = Option.exists(model.maybeLastPointerPosition, position => __foldkitBrandViewResult((position.screenX === screenX && position.screenY === screenY), "@foldkit/ui/combobox/shared.js#anonymous~7"));
                 if (isSamePosition) {
-                    return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/combobox/shared.js#MovedPointerOverItem");
+                    return __foldkitBrandViewResult(({ model }), "@foldkit/ui/combobox/shared.js#MovedPointerOverItem");
                 }
-                return __foldkitBrandViewResult(([
-                    constrainedEvo(model, {
+                return __foldkitBrandViewResult(({
+                    model: constrainedEvo(model, {
                         maybeActiveItemIndex: () => __foldkitBrandViewResult((Option.some(index)), "@foldkit/ui/combobox/shared.js#maybeActiveItemIndex~4"),
                         activationTrigger: () => __foldkitBrandViewResult(('Pointer'), "@foldkit/ui/combobox/shared.js#activationTrigger~4"),
                         maybeLastPointerPosition: () => __foldkitBrandViewResult((Option.some({ screenX, screenY })), "@foldkit/ui/combobox/shared.js#maybeLastPointerPosition~3"),
                     }),
-                    [],
-                    Option.none(),
-                ]), "@foldkit/ui/combobox/shared.js#MovedPointerOverItem");
+                }), "@foldkit/ui/combobox/shared.js#MovedPointerOverItem");
             },
             DeactivatedItem: () => __foldkitBrandViewResult((model.activationTrigger === 'Pointer'
-                ? [
-                    constrainedEvo(model, {
+                ? {
+                    model: constrainedEvo(model, {
                         maybeActiveItemIndex: () => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/combobox/shared.js#maybeActiveItemIndex~5"),
                     }),
-                    [],
-                    Option.none(),
-                ]
-                : [model, [], Option.none()]), "@foldkit/ui/combobox/shared.js#DeactivatedItem"),
+                }
+                : { model }), "@foldkit/ui/combobox/shared.js#DeactivatedItem"),
             SelectedItem: ({ item, displayText, wasSelected }) => __foldkitBrandViewResult((handlers.handleSelectedItem(model, item, displayText, wasSelected, {
                 closeWithFocus: closeSelectedItemWithFocus,
             })), "@foldkit/ui/combobox/shared.js#SelectedItem"),
-            RequestedItemClick: ({ index }) => __foldkitBrandViewResult(([
+            RequestedItemClick: ({ index }) => (__foldkitBrandViewResult(({
                 model,
-                [ClickItem({ id: model.id, index })],
-                Option.none(),
-            ]), "@foldkit/ui/combobox/shared.js#RequestedItemClick"),
+                commands: [ClickItem({ id: model.id, index })],
+            }), "@foldkit/ui/combobox/shared.js#RequestedItemClick")),
             UpdatedInputValue: ({ value }) => {
                 if (model.isOpen) {
-                    return __foldkitBrandViewResult(([
-                        constrainedEvo(model, {
+                    return __foldkitBrandViewResult(({
+                        model: constrainedEvo(model, {
                             inputValue: () => __foldkitBrandViewResult((value), "@foldkit/ui/combobox/shared.js#inputValue"),
                             maybeActiveItemIndex: () => __foldkitBrandViewResult((Option.some(0)), "@foldkit/ui/combobox/shared.js#maybeActiveItemIndex~6"),
                             activationTrigger: () => __foldkitBrandViewResult(('Keyboard'), "@foldkit/ui/combobox/shared.js#activationTrigger~5"),
                         }),
-                        [],
-                        Option.none(),
-                    ]), "@foldkit/ui/combobox/shared.js#UpdatedInputValue");
+                    }), "@foldkit/ui/combobox/shared.js#UpdatedInputValue");
                 }
                 return __foldkitBrandViewResult((openCombobox(constrainedEvo(model, {
                     inputValue: () => __foldkitBrandViewResult((value), "@foldkit/ui/combobox/shared.js#inputValue~2"),
@@ -342,15 +343,20 @@ export const makeUpdate = (handlers) => {
                 if (model.isOpen) {
                     return __foldkitBrandViewResult((closeCombobox(model, closeWithFocusCommands, restingInputValue, isClearable)), "@foldkit/ui/combobox/shared.js#PressedToggleButton");
                 }
-                const [nextModel, commands] = openCombobox(constrainedEvo(model, {
+                return __foldkitBrandViewResult((Update.combine(constrainedEvo(model, {
                     maybeActiveItemIndex: () => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/combobox/shared.js#maybeActiveItemIndex~8"),
                     activationTrigger: () => __foldkitBrandViewResult(('Pointer'), "@foldkit/ui/combobox/shared.js#activationTrigger~7"),
                     maybeLastPointerPosition: () => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/combobox/shared.js#maybeLastPointerPosition~5"),
-                }));
-                return __foldkitBrandViewResult(([nextModel, [focusInput, ...commands], Option.none()]), "@foldkit/ui/combobox/shared.js#PressedToggleButton");
+                }), [
+                    stepModel => (__foldkitBrandViewResult(({
+                        model: stepModel,
+                        commands: [focusInput],
+                    }), "@foldkit/ui/combobox/shared.js#anonymous~8")),
+                    openCombobox,
+                ])), "@foldkit/ui/combobox/shared.js#PressedToggleButton");
             },
             GotAnimationMessage: ({ message: animationMessage }) => __foldkitBrandViewResult((foldAnimation(model, animationMessage)), "@foldkit/ui/combobox/shared.js#GotAnimationMessage"),
-        }))), "@foldkit/ui/combobox/shared.js#internalUpdate");
+        })), "@foldkit/ui/combobox/shared.js#internalUpdate");
     };
     return __foldkitBrandViewResult((internalUpdate), "@foldkit/ui/combobox/shared.js#makeUpdate");
 };
@@ -380,10 +386,10 @@ export const AnchorCombobox = Mount.define('AnchorCombobox', { buttonId: S.Strin
                 capture: true,
             });
             teardownAnchor();
-        }), "@foldkit/ui/combobox/shared.js#anonymous~8");
-    }), cleanup => __foldkitBrandViewResult((Effect.sync(cleanup)), "@foldkit/ui/combobox/shared.js#anonymous~10"));
-    return __foldkitBrandViewResult((Message.CompletedAnchorCombobox()), "@foldkit/ui/combobox/shared.js#anonymous~7");
-})), "@foldkit/ui/combobox/shared.js#anonymous~6")), "@foldkit/ui/combobox/shared.js#anonymous~5"));
+        }), "@foldkit/ui/combobox/shared.js#anonymous~12");
+    }), cleanup => __foldkitBrandViewResult((Effect.sync(cleanup)), "@foldkit/ui/combobox/shared.js#anonymous~14"));
+    return __foldkitBrandViewResult((Message.CompletedAnchorCombobox()), "@foldkit/ui/combobox/shared.js#anonymous~11");
+})), "@foldkit/ui/combobox/shared.js#anonymous~10")), "@foldkit/ui/combobox/shared.js#anonymous~9"));
 /** The Mount this Combobox renders to install a `pointerdown`-cancelling
  *  capture listener that prevents blur on item presses. Exposed so Scene
  *  tests can call
@@ -394,12 +400,12 @@ export const AttachComboboxPreventBlur = Mount.define('AttachComboboxPreventBlur
             event.preventDefault();
         };
         element.addEventListener('pointerdown', handler, { capture: true });
-        return __foldkitBrandViewResult((handler), "@foldkit/ui/combobox/shared.js#anonymous~13");
+        return __foldkitBrandViewResult((handler), "@foldkit/ui/combobox/shared.js#anonymous~17");
     }), handler => __foldkitBrandViewResult((Effect.sync(() => __foldkitBrandViewResult((element.removeEventListener('pointerdown', handler, {
         capture: true,
-    })), "@foldkit/ui/combobox/shared.js#anonymous~15"))), "@foldkit/ui/combobox/shared.js#anonymous~14"));
-    return __foldkitBrandViewResult((Message.CompletedAttachComboboxPreventBlur()), "@foldkit/ui/combobox/shared.js#anonymous~12");
-})), "@foldkit/ui/combobox/shared.js#anonymous~11"));
+    })), "@foldkit/ui/combobox/shared.js#anonymous~19"))), "@foldkit/ui/combobox/shared.js#anonymous~18"));
+    return __foldkitBrandViewResult((Message.CompletedAttachComboboxPreventBlur()), "@foldkit/ui/combobox/shared.js#anonymous~16");
+})), "@foldkit/ui/combobox/shared.js#anonymous~15"));
 /** The Mount this Combobox renders to install the input's select-on-focus
  *  behavior. Exposed so Scene tests can call
  *  `Scene.Mount.resolve(AttachComboboxSelectOnFocus, CompletedAttachComboboxSelectOnFocus())`. */
@@ -411,17 +417,17 @@ export const AttachComboboxSelectOnFocus = Mount.define('AttachComboboxSelectOnF
             }
         };
         element.addEventListener('focus', handler);
-        return __foldkitBrandViewResult((handler), "@foldkit/ui/combobox/shared.js#anonymous~18");
-    }), handler => __foldkitBrandViewResult((Effect.sync(() => __foldkitBrandViewResult((element.removeEventListener('focus', handler)), "@foldkit/ui/combobox/shared.js#anonymous~20"))), "@foldkit/ui/combobox/shared.js#anonymous~19"));
-    return __foldkitBrandViewResult((Message.CompletedAttachComboboxSelectOnFocus()), "@foldkit/ui/combobox/shared.js#anonymous~17");
-})), "@foldkit/ui/combobox/shared.js#anonymous~16"));
+        return __foldkitBrandViewResult((handler), "@foldkit/ui/combobox/shared.js#anonymous~22");
+    }), handler => __foldkitBrandViewResult((Effect.sync(() => __foldkitBrandViewResult((element.removeEventListener('focus', handler)), "@foldkit/ui/combobox/shared.js#anonymous~24"))), "@foldkit/ui/combobox/shared.js#anonymous~23"));
+    return __foldkitBrandViewResult((Message.CompletedAttachComboboxSelectOnFocus()), "@foldkit/ui/combobox/shared.js#anonymous~21");
+})), "@foldkit/ui/combobox/shared.js#anonymous~20"));
 /** The backdrop-portaling Mount this Combobox renders. Exposed so Scene tests can
  *  call `Scene.Mount.resolve(PortalComboboxBackdrop, CompletedPortalComboboxBackdrop())` to
  *  acknowledge the mount produced by the rendered backdrop. */
 export const PortalComboboxBackdrop = Mount.define('PortalComboboxBackdrop', Message.CompletedPortalComboboxBackdrop)(element => __foldkitBrandViewResult((Effect.gen(function* () {
-    yield* Effect.acquireRelease(Effect.sync(() => __foldkitBrandViewResult((portalToContainingRoot(element)), "@foldkit/ui/combobox/shared.js#anonymous~23")), cleanup => __foldkitBrandViewResult((Effect.sync(cleanup)), "@foldkit/ui/combobox/shared.js#anonymous~24"));
-    return __foldkitBrandViewResult((Message.CompletedPortalComboboxBackdrop()), "@foldkit/ui/combobox/shared.js#anonymous~22");
-})), "@foldkit/ui/combobox/shared.js#anonymous~21"));
+    yield* Effect.acquireRelease(Effect.sync(() => __foldkitBrandViewResult((portalToContainingRoot(element)), "@foldkit/ui/combobox/shared.js#anonymous~27")), cleanup => __foldkitBrandViewResult((Effect.sync(cleanup)), "@foldkit/ui/combobox/shared.js#anonymous~28"));
+    return __foldkitBrandViewResult((Message.CompletedPortalComboboxBackdrop()), "@foldkit/ui/combobox/shared.js#anonymous~26");
+})), "@foldkit/ui/combobox/shared.js#anonymous~25"));
 /** Creates a combobox view function from variant-specific behavior. Shared rendering logic (input, items, transitions, keyboard navigation) is handled internally; only listbox multi-select semantics vary by variant. */
 export const makeView = (behavior) => {
     const impl = defineView((model, viewInputs, h) => {
@@ -446,30 +452,30 @@ export const makeView = (behavior) => {
             h.DataAttribute('closed', ''),
             h.DataAttribute('enter', ''),
             h.DataAttribute('transition', ''),
-        ]), "@foldkit/ui/combobox/shared.js#anonymous~26")), M.when('EnterAnimating', () => __foldkitBrandViewResult(([
+        ]), "@foldkit/ui/combobox/shared.js#anonymous~30")), M.when('EnterAnimating', () => __foldkitBrandViewResult(([
             h.DataAttribute('enter', ''),
             h.DataAttribute('transition', ''),
-        ]), "@foldkit/ui/combobox/shared.js#anonymous~27")), M.when('LeaveStart', () => __foldkitBrandViewResult(([
+        ]), "@foldkit/ui/combobox/shared.js#anonymous~31")), M.when('LeaveStart', () => __foldkitBrandViewResult(([
             h.DataAttribute('leave', ''),
             h.DataAttribute('transition', ''),
-        ]), "@foldkit/ui/combobox/shared.js#anonymous~28")), M.when('LeaveAnimating', () => __foldkitBrandViewResult(([
+        ]), "@foldkit/ui/combobox/shared.js#anonymous~32")), M.when('LeaveAnimating', () => __foldkitBrandViewResult(([
             h.DataAttribute('closed', ''),
             h.DataAttribute('leave', ''),
             h.DataAttribute('transition', ''),
-        ]), "@foldkit/ui/combobox/shared.js#anonymous~29")), M.orElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/combobox/shared.js#anonymous~30")));
+        ]), "@foldkit/ui/combobox/shared.js#anonymous~33")), M.orElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/combobox/shared.js#anonymous~34")));
         const isDisabledAtIndex = (index) => __foldkitBrandViewResult((Predicate.isNotUndefined(isItemDisabled) &&
-            pipe(items, Array.get(index), Option.exists(item => __foldkitBrandViewResult((isItemDisabled(item, index)), "@foldkit/ui/combobox/shared.js#anonymous~31")))), "@foldkit/ui/combobox/shared.js#isDisabledAtIndex");
+            pipe(items, Array.get(index), Option.exists(item => __foldkitBrandViewResult((isItemDisabled(item, index)), "@foldkit/ui/combobox/shared.js#anonymous~35")))), "@foldkit/ui/combobox/shared.js#isDisabledAtIndex");
         const firstEnabledIndex = findFirstEnabledIndex(items.length, 0, isDisabledAtIndex)(0, 1);
         const lastEnabledIndex = findFirstEnabledIndex(items.length, 0, isDisabledAtIndex)(items.length - 1, -1);
-        const resolveActiveIndex = keyToIndex('ArrowDown', 'ArrowUp', items.length, Option.getOrElse(maybeActiveItemIndex, () => __foldkitBrandViewResult((-1), "@foldkit/ui/combobox/shared.js#anonymous~32")), isDisabledAtIndex);
+        const resolveActiveIndex = keyToIndex('ArrowDown', 'ArrowUp', items.length, Option.getOrElse(maybeActiveItemIndex, () => __foldkitBrandViewResult((-1), "@foldkit/ui/combobox/shared.js#anonymous~36")), isDisabledAtIndex);
         const resolveImmediateSelection = (targetIndex) => {
             if (isReadOnly) {
                 return __foldkitBrandViewResult((Option.none()), "@foldkit/ui/combobox/shared.js#resolveImmediateSelection");
             }
             else {
-                return __foldkitBrandViewResult((pipe(OptionExt.when(immediate, targetIndex), Option.flatMap(index => __foldkitBrandViewResult((Array.get(items, index)), "@foldkit/ui/combobox/shared.js#anonymous~33")), Option.map(targetItem => (__foldkitBrandViewResult(({
+                return __foldkitBrandViewResult((pipe(OptionExt.when(immediate, targetIndex), Option.flatMap(index => __foldkitBrandViewResult((Array.get(items, index)), "@foldkit/ui/combobox/shared.js#anonymous~37")), Option.map(targetItem => (__foldkitBrandViewResult(({
                     item: itemToValue(targetItem, targetIndex),
-                }), "@foldkit/ui/combobox/shared.js#anonymous~34"))))), "@foldkit/ui/combobox/shared.js#resolveImmediateSelection");
+                }), "@foldkit/ui/combobox/shared.js#anonymous~38"))))), "@foldkit/ui/combobox/shared.js#resolveImmediateSelection");
             }
         };
         const resolveCommitMessage = () => {
@@ -477,61 +483,61 @@ export const makeView = (behavior) => {
                 return __foldkitBrandViewResult((Option.as(maybeActiveItemIndex, Message.SuppressedItemCommit())), "@foldkit/ui/combobox/shared.js#resolveCommitMessage");
             }
             else {
-                return __foldkitBrandViewResult((Option.map(maybeActiveItemIndex, index => __foldkitBrandViewResult((Message.RequestedItemClick({ index })), "@foldkit/ui/combobox/shared.js#anonymous~35"))), "@foldkit/ui/combobox/shared.js#resolveCommitMessage");
+                return __foldkitBrandViewResult((Option.map(maybeActiveItemIndex, index => __foldkitBrandViewResult((Message.RequestedItemClick({ index })), "@foldkit/ui/combobox/shared.js#anonymous~39"))), "@foldkit/ui/combobox/shared.js#resolveCommitMessage");
             }
         };
         const handleInputKeyDown = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.when('ArrowDown', () => {
             if (!isOpen) {
                 return __foldkitBrandViewResult((Option.some(Message.Opened({
                     maybeActiveItemIndex: Option.some(firstEnabledIndex),
-                }))), "@foldkit/ui/combobox/shared.js#anonymous~36");
+                }))), "@foldkit/ui/combobox/shared.js#anonymous~40");
             }
             const targetIndex = resolveActiveIndex('ArrowDown');
             return __foldkitBrandViewResult((Option.some(Message.ActivatedItem({
                 index: targetIndex,
                 activationTrigger: 'Keyboard',
                 maybeImmediateSelection: resolveImmediateSelection(targetIndex),
-            }))), "@foldkit/ui/combobox/shared.js#anonymous~36");
+            }))), "@foldkit/ui/combobox/shared.js#anonymous~40");
         }), M.when('ArrowUp', () => {
             if (!isOpen) {
                 return __foldkitBrandViewResult((Option.some(Message.Opened({
                     maybeActiveItemIndex: Option.some(lastEnabledIndex),
-                }))), "@foldkit/ui/combobox/shared.js#anonymous~37");
+                }))), "@foldkit/ui/combobox/shared.js#anonymous~41");
             }
             const targetIndex = resolveActiveIndex('ArrowUp');
             return __foldkitBrandViewResult((Option.some(Message.ActivatedItem({
                 index: targetIndex,
                 activationTrigger: 'Keyboard',
                 maybeImmediateSelection: resolveImmediateSelection(targetIndex),
-            }))), "@foldkit/ui/combobox/shared.js#anonymous~37");
+            }))), "@foldkit/ui/combobox/shared.js#anonymous~41");
         }), M.when('Enter', () => {
             if (!isOpen) {
-                return __foldkitBrandViewResult((Option.none()), "@foldkit/ui/combobox/shared.js#anonymous~38");
+                return __foldkitBrandViewResult((Option.none()), "@foldkit/ui/combobox/shared.js#anonymous~42");
             }
-            return __foldkitBrandViewResult((resolveCommitMessage()), "@foldkit/ui/combobox/shared.js#anonymous~38");
+            return __foldkitBrandViewResult((resolveCommitMessage()), "@foldkit/ui/combobox/shared.js#anonymous~42");
         }), M.when('Escape', () => {
             if (!isOpen) {
-                return __foldkitBrandViewResult((Option.none()), "@foldkit/ui/combobox/shared.js#anonymous~39");
+                return __foldkitBrandViewResult((Option.none()), "@foldkit/ui/combobox/shared.js#anonymous~43");
             }
-            return __foldkitBrandViewResult((Option.some(Message.Closed({ restingInputValue, isClearable: !isReadOnly }))), "@foldkit/ui/combobox/shared.js#anonymous~39");
+            return __foldkitBrandViewResult((Option.some(Message.Closed({ restingInputValue, isClearable: !isReadOnly }))), "@foldkit/ui/combobox/shared.js#anonymous~43");
         }), M.whenOr('Home', 'End', () => {
             if (!isOpen) {
-                return __foldkitBrandViewResult((Option.none()), "@foldkit/ui/combobox/shared.js#anonymous~40");
+                return __foldkitBrandViewResult((Option.none()), "@foldkit/ui/combobox/shared.js#anonymous~44");
             }
             const targetIndex = resolveActiveIndex(key);
             return __foldkitBrandViewResult((Option.some(Message.ActivatedItem({
                 index: targetIndex,
                 activationTrigger: 'Keyboard',
                 maybeImmediateSelection: resolveImmediateSelection(targetIndex),
-            }))), "@foldkit/ui/combobox/shared.js#anonymous~40");
-        }), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/combobox/shared.js#anonymous~41")))), "@foldkit/ui/combobox/shared.js#handleInputKeyDown");
+            }))), "@foldkit/ui/combobox/shared.js#anonymous~44");
+        }), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/combobox/shared.js#anonymous~45")))), "@foldkit/ui/combobox/shared.js#handleInputKeyDown");
         const maybeActiveDescendant = Option.match(maybeActiveItemIndex, {
             onNone: () => __foldkitBrandViewResult(([]), "@foldkit/ui/combobox/shared.js#onNone~3"),
             onSome: index => __foldkitBrandViewResult(([h.AriaActiveDescendant(itemId(id, index))]), "@foldkit/ui/combobox/shared.js#onSome~3"),
         });
         const onInputAttributes = isReadOnly
             ? []
-            : [h.OnInput(value => __foldkitBrandViewResult((Message.UpdatedInputValue({ value })), "@foldkit/ui/combobox/shared.js#anonymous~42"))];
+            : [h.OnInput(value => __foldkitBrandViewResult((Message.UpdatedInputValue({ value })), "@foldkit/ui/combobox/shared.js#anonymous~46"))];
         const resolvedInputAttributes = [
             h.Id(`${id}-input`),
             h.Role('combobox'),
@@ -602,7 +608,7 @@ export const makeView = (behavior) => {
             ...itemsAttributes,
         ];
         const comboboxItems = Array.map(items, (item, index) => {
-            const isActiveItem = Option.exists(maybeActiveItemIndex, activeIndex => __foldkitBrandViewResult((activeIndex === index), "@foldkit/ui/combobox/shared.js#anonymous~44"));
+            const isActiveItem = Option.exists(maybeActiveItemIndex, activeIndex => __foldkitBrandViewResult((activeIndex === index), "@foldkit/ui/combobox/shared.js#anonymous~48"));
             const isDisabledItem = isDisabledAtIndex(index);
             const isSelectedItem = isValueSelected(itemToValue(item, index));
             const itemConfig = itemToConfig(item, {
@@ -641,13 +647,13 @@ export const makeView = (behavior) => {
                                     index,
                                     screenX,
                                     screenY,
-                                }))), "@foldkit/ui/combobox/shared.js#anonymous~45")),
+                                }))), "@foldkit/ui/combobox/shared.js#anonymous~49")),
                             ]),
-                        h.OnPointerLeave(pointerType => __foldkitBrandViewResult((OptionExt.when(pointerType !== 'touch', Message.DeactivatedItem())), "@foldkit/ui/combobox/shared.js#anonymous~46")),
+                        h.OnPointerLeave(pointerType => __foldkitBrandViewResult((OptionExt.when(pointerType !== 'touch', Message.DeactivatedItem())), "@foldkit/ui/combobox/shared.js#anonymous~50")),
                     ]
                     : []),
                 ...(itemConfig.className ? [h.Class(itemConfig.className)] : []),
-            ], [itemConfig.content])), "@foldkit/ui/combobox/shared.js#anonymous~43");
+            ], [itemConfig.content])), "@foldkit/ui/combobox/shared.js#anonymous~47");
         });
         const renderGroupedItems = () => {
             if (!itemGroupKey) {
@@ -656,7 +662,7 @@ export const makeView = (behavior) => {
             const segments = groupContiguous(comboboxItems, (_, index) => __foldkitBrandViewResult((Array.get(items, index).pipe(Option.match({
                 onNone: () => __foldkitBrandViewResult((''), "@foldkit/ui/combobox/shared.js#onNone~4"),
                 onSome: item => __foldkitBrandViewResult((itemGroupKey(item, index)), "@foldkit/ui/combobox/shared.js#onSome~4"),
-            }))), "@foldkit/ui/combobox/shared.js#anonymous~47"));
+            }))), "@foldkit/ui/combobox/shared.js#anonymous~51"));
             return __foldkitBrandViewResult((Array.flatMap(segments, (segment, segmentIndex) => {
                 const maybeHeading = Option.fromNullishOr(groupToHeading && groupToHeading(segment.key));
                 const headingId = `${id}-heading-${segment.key}`;
@@ -692,7 +698,7 @@ export const makeView = (behavior) => {
                         ]),
                     ]
                     : [];
-                return __foldkitBrandViewResult(([...separator, groupElement]), "@foldkit/ui/combobox/shared.js#anonymous~48");
+                return __foldkitBrandViewResult(([...separator, groupElement]), "@foldkit/ui/combobox/shared.js#anonymous~52");
             })), "@foldkit/ui/combobox/shared.js#renderGroupedItems");
         };
         const backdrop = h.keyed('div')(`${id}-backdrop`, [
@@ -757,7 +763,7 @@ export const makeView = (behavior) => {
                     h.Type('hidden'),
                     h.Name(formName),
                     h.Value(selectedValue),
-                ])), "@foldkit/ui/combobox/shared.js#anonymous~49")),
+                ])), "@foldkit/ui/combobox/shared.js#anonymous~53")),
             })
             : [];
         const wrapperAttributes = [
@@ -777,9 +783,9 @@ export const makeView = (behavior) => {
                 ? visibleContent
                 : []),
             ...hiddenInputs,
-        ])), "@foldkit/ui/combobox/shared.js#anonymous~25");
+        ])), "@foldkit/ui/combobox/shared.js#anonymous~29");
     });
     return __foldkitBrandViewResult((() => 
     /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
-    __foldkitBrandViewResult((impl), "@foldkit/ui/combobox/shared.js#anonymous~50")), "@foldkit/ui/combobox/shared.js#makeView");
+    __foldkitBrandViewResult((impl), "@foldkit/ui/combobox/shared.js#anonymous~54")), "@foldkit/ui/combobox/shared.js#makeView");
 };