@foldkit/ui 0.148.2 → 0.149.0

package/dist/menu/index.js

@@ -2,7 +2,7 @@ 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 * as Command from 'foldkit/command';
 import * as Dom from 'foldkit/dom';
-import { m } from 'foldkit/message';
+import { defineMessageUnion } from 'foldkit/message';
 import * as Mount from 'foldkit/mount';
 import { evo } from 'foldkit/struct';
 import { defineView } from 'foldkit/submodel';
@@ -11,7 +11,7 @@ import { AnchorConfig, anchorSetup, portalToContainingRoot, } from '../anchor/in
 // NOTE: Animation imports are split across schema + update to avoid a circular
 // dependency: animation → html → runtime → devtools → menu → animation.
 // The barrel (../animation) imports from html, which starts the cycle.
-import { EndedAnimation as AnimationEndedAnimation, Hid as AnimationHid, Message as AnimationMessage, Model as AnimationModel, Showed as AnimationShowed, init as animationInit, } from '../animation/schema.js';
+import { Message as AnimationMessage, Model as AnimationModel, init as animationInit, } from '../animation/schema.js';
 import { update as animationUpdate } from '../animation/update.js';
 import { groupContiguous } from '../group.js';
 import * as OptionExt from '../internal/optionExtensions.js';
@@ -42,123 +42,53 @@ export const Model = S.Struct({
     maybePointerOrigin: S.Option(PointerOrigin),
 });
 // MESSAGE
-/** Sent when the menu opens via button click or keyboard. Contains an optional initial active item index: None for pointer, Some for keyboard. */
-export const Opened = m('Opened', {
-    maybeActiveItemIndex: S.Option(S.Number),
-});
-/** Sent when the menu closes via Escape key or backdrop click. */
-export const Closed = m('Closed');
-/** Sent when the menu items container loses focus. */
-export const BlurredItems = m('BlurredItems');
-/** Sent when an item is highlighted via arrow keys or mouse hover. Includes activation trigger. */
-export const ActivatedItem = m('ActivatedItem', {
-    index: S.Number,
-    activationTrigger: ActivationTrigger,
-});
-/** Sent when the mouse leaves an enabled item. */
-export const DeactivatedItem = m('DeactivatedItem');
-/** Sent when an item is selected via Enter, Space, or click. */
-export const SelectedItem = m('SelectedItem', {
-    index: S.Number,
-    item: S.String,
-});
-/** Sent when Enter or Space is pressed on the active item, triggering a programmatic click on the DOM element. */
-export const RequestedItemClick = m('RequestedItemClick', {
-    index: S.Number,
-});
-/** Sent when a printable character is typed for typeahead search. */
-export const Searched = m('Searched', {
-    key: S.String,
-    maybeTargetIndex: S.Option(S.Number),
-});
-/** Sent after the search debounce period to clear the accumulated query. */
-export const CompletedDelayClearSearch = m('CompletedDelayClearSearch', {
-    version: S.Number,
-});
-/** Sent when the pointer moves over a menu item, carrying screen coordinates for tracked-pointer comparison. */
-export const MovedPointerOverItem = m('MovedPointerOverItem', {
-    index: S.Number,
-    screenX: S.Number,
-    screenY: S.Number,
-});
-/** Sent when the focus-items command completes after opening the menu. */
-export const CompletedFocusItems = m('CompletedFocusItems');
-/** Sent when the focus-button command completes after closing or selecting. */
-export const CompletedFocusButton = m('CompletedFocusButton');
-/** Sent when the scroll lock command completes. */
-export const CompletedLockScroll = m('CompletedLockScroll');
-/** Sent when the scroll unlock command completes. */
-export const CompletedUnlockScroll = m('CompletedUnlockScroll');
-/** Sent when the inert-others command completes. */
-export const CompletedInertOthers = m('CompletedInertOthers');
-/** Sent when the restore-inert command completes. */
-export const CompletedRestoreInert = m('CompletedRestoreInert');
-/** Sent when the scroll-into-view command completes after keyboard activation. */
-export const CompletedScrollIntoView = m('CompletedScrollIntoView');
-/** Sent when the programmatic click command completes. */
-export const CompletedClickItem = m('CompletedClickItem');
-/** Sent when a mouse click on the button is ignored because pointer-down already handled the toggle. */
-export const IgnoredMouseClick = m('IgnoredMouseClick');
-/** Sent when a Space key-up is captured to prevent page scrolling. */
-export const SuppressedSpaceScroll = m('SuppressedSpaceScroll');
-/** Sent when the menu items panel mounts and Floating UI has positioned it. Update no-ops; the side effect is the act of positioning, surfaced for DevTools observability. */
-export const CompletedAnchorMenu = m('CompletedAnchorMenu');
-/** Sent when the menu backdrop mounts and is portaled to the document body. Update no-ops; surfaces the portal side effect for DevTools. */
-export const CompletedPortalMenuBackdrop = m('CompletedPortalMenuBackdrop');
-/** Wraps an Animation submodel message for delegation. */
-export const GotAnimationMessage = m('GotAnimationMessage', {
-    message: AnimationMessage,
-});
-/** Sent when the user presses a pointer device on the menu button. Records pointer type and toggles for mouse. */
-export const PressedPointerOnButton = m('PressedPointerOnButton', {
-    pointerType: S.String,
-    button: S.Number,
-    screenX: S.Number,
-    screenY: S.Number,
-    timeStamp: S.Number,
-});
-/** Sent when the user releases a pointer on the items container, enabling drag-to-select for mouse. */
-export const ReleasedPointerOnItems = m('ReleasedPointerOnItems', {
-    screenX: S.Number,
-    screenY: S.Number,
-    timeStamp: S.Number,
-});
 /** Union of all messages the menu component can produce. */
-export const Message = S.Union([
-    Opened,
-    Closed,
-    BlurredItems,
-    ActivatedItem,
-    DeactivatedItem,
-    SelectedItem,
-    MovedPointerOverItem,
-    RequestedItemClick,
-    Searched,
-    CompletedDelayClearSearch,
-    CompletedFocusItems,
-    CompletedFocusButton,
-    CompletedLockScroll,
-    CompletedUnlockScroll,
-    CompletedInertOthers,
-    CompletedRestoreInert,
-    CompletedScrollIntoView,
-    CompletedClickItem,
-    IgnoredMouseClick,
-    SuppressedSpaceScroll,
-    CompletedAnchorMenu,
-    CompletedPortalMenuBackdrop,
-    GotAnimationMessage,
-    PressedPointerOnButton,
-    ReleasedPointerOnItems,
-]);
-// OUT MESSAGE
-/** Sent to the parent when a menu item is selected. Carries both the selected value (from the `viewInputs.items` array supplied at view time) and its index. The menu has already closed when this fires; the parent does not need to dispatch `Menu.close`. */
-export const Selected = m('Selected', {
-    value: S.String,
-    index: S.Number,
+export const Message = defineMessageUnion({
+    Opened: { maybeActiveItemIndex: S.Option(S.Number) },
+    Closed: {},
+    BlurredItems: {},
+    ActivatedItem: { index: S.Number, activationTrigger: ActivationTrigger },
+    DeactivatedItem: {},
+    SelectedItem: { index: S.Number, item: S.String },
+    RequestedItemClick: { index: S.Number },
+    Searched: { key: S.String, maybeTargetIndex: S.Option(S.Number) },
+    CompletedDelayClearSearch: { version: S.Number },
+    MovedPointerOverItem: {
+        index: S.Number,
+        screenX: S.Number,
+        screenY: S.Number,
+    },
+    CompletedFocusItems: {},
+    CompletedFocusButton: {},
+    CompletedLockScroll: {},
+    CompletedUnlockScroll: {},
+    CompletedInertOthers: {},
+    CompletedRestoreInert: {},
+    CompletedScrollIntoView: {},
+    CompletedClickItem: {},
+    IgnoredMouseClick: {},
+    SuppressedSpaceScroll: {},
+    CompletedAnchorMenu: {},
+    CompletedPortalMenuBackdrop: {},
+    GotAnimationMessage: { message: AnimationMessage },
+    PressedPointerOnButton: {
+        pointerType: S.String,
+        button: S.Number,
+        screenX: S.Number,
+        screenY: S.Number,
+        timeStamp: S.Number,
+    },
+    ReleasedPointerOnItems: {
+        screenX: S.Number,
+        screenY: S.Number,
+        timeStamp: S.Number,
+    },
 });
+// OUT MESSAGE
 /** Union of out-messages the menu component can produce. Surfaced as the third element of `update`'s return tuple and pattern-matched by the parent. */
-export const OutMessage = S.Union([Selected]);
+export const OutMessage = defineMessageUnion({
+    Selected: { value: S.String, index: S.Number },
+});
 // INIT
 const SEARCH_DEBOUNCE_MILLISECONDS = 350;
 const LEFT_MOUSE_BUTTON = 0;
@@ -197,64 +127,67 @@ export const buttonId = (id) => __foldkitBrandViewResult((`${id}-button`), "@fol
 const buttonSelector = (id) => __foldkitBrandViewResult((idSelector(`${id}-button`)), "@foldkit/ui/menu/index.js#buttonSelector");
 const itemsSelector = (id) => __foldkitBrandViewResult((idSelector(`${id}-items`)), "@foldkit/ui/menu/index.js#itemsSelector");
 const itemSelector = (id, index) => __foldkitBrandViewResult((idSelector(`${id}-item-${index}`)), "@foldkit/ui/menu/index.js#itemSelector");
-const withUpdateReturn = M.withReturnType();
 /** Prevents page scrolling while the menu is open. */
 export const LockScroll = Command.define('LockScroll', {
-    messages: [CompletedLockScroll],
-    execute: Dom.lockScroll.pipe(Effect.as(CompletedLockScroll())),
+    messages: [Message.CompletedLockScroll],
+    execute: Dom.lockScroll.pipe(Effect.as(Message.CompletedLockScroll())),
 });
 /** Re-enables page scrolling after the menu closes. */
 export const UnlockScroll = Command.define('UnlockScroll', {
-    messages: [CompletedUnlockScroll],
-    execute: Dom.unlockScroll.pipe(Effect.as(CompletedUnlockScroll())),
+    messages: [Message.CompletedUnlockScroll],
+    execute: Dom.unlockScroll.pipe(Effect.as(Message.CompletedUnlockScroll())),
 });
 /** Marks all elements outside the menu as inert for modal behavior. */
 export const InertOthers = Command.define('InertOthers', {
     args: { id: S.String },
-    messages: [CompletedInertOthers],
-    execute: ({ id }) => __foldkitBrandViewResult((Dom.inertOthers(id, [buttonSelector(id), itemsSelector(id)]).pipe(Effect.as(CompletedInertOthers()))), "@foldkit/ui/menu/index.js#execute"),
+    messages: [Message.CompletedInertOthers],
+    execute: ({ id }) => __foldkitBrandViewResult((Dom.inertOthers(id, [buttonSelector(id), itemsSelector(id)]).pipe(Effect.as(Message.CompletedInertOthers()))), "@foldkit/ui/menu/index.js#execute"),
 });
 /** Removes the inert attribute from elements outside the menu. */
 export const RestoreInert = Command.define('RestoreInert', {
     args: { id: S.String },
-    messages: [CompletedRestoreInert],
-    execute: ({ id }) => __foldkitBrandViewResult((Dom.restoreInert(id).pipe(Effect.as(CompletedRestoreInert()))), "@foldkit/ui/menu/index.js#execute~2"),
+    messages: [Message.CompletedRestoreInert],
+    execute: ({ id }) => __foldkitBrandViewResult((Dom.restoreInert(id).pipe(Effect.as(Message.CompletedRestoreInert()))), "@foldkit/ui/menu/index.js#execute~2"),
 });
 /** Moves focus to the menu items container after opening. */
 export const FocusItems = Command.define('FocusItems', {
     args: { id: S.String },
-    messages: [CompletedFocusItems],
-    execute: ({ id }) => __foldkitBrandViewResult((Dom.focus(itemsSelector(id)).pipe(Effect.ignore, Effect.as(CompletedFocusItems()))), "@foldkit/ui/menu/index.js#execute~3"),
+    messages: [Message.CompletedFocusItems],
+    execute: ({ id }) => __foldkitBrandViewResult((Dom.focus(itemsSelector(id)).pipe(Effect.ignore, Effect.as(Message.CompletedFocusItems()))), "@foldkit/ui/menu/index.js#execute~3"),
 });
 /** Moves focus back to the menu button after closing. */
 export const FocusButton = Command.define('FocusButton', {
     args: { id: S.String },
-    messages: [CompletedFocusButton],
-    execute: ({ id }) => __foldkitBrandViewResult((Dom.focus(buttonSelector(id)).pipe(Effect.ignore, Effect.as(CompletedFocusButton()))), "@foldkit/ui/menu/index.js#execute~4"),
+    messages: [Message.CompletedFocusButton],
+    execute: ({ id }) => __foldkitBrandViewResult((Dom.focus(buttonSelector(id)).pipe(Effect.ignore, Effect.as(Message.CompletedFocusButton()))), "@foldkit/ui/menu/index.js#execute~4"),
 });
 /** Scrolls the active menu item into view after keyboard navigation. */
 export const ScrollIntoView = Command.define('ScrollIntoView', {
     args: { id: S.String, index: S.Number },
-    messages: [CompletedScrollIntoView],
-    execute: ({ id, index }) => __foldkitBrandViewResult((Dom.scrollIntoView(itemSelector(id, index)).pipe(Effect.ignore, Effect.as(CompletedScrollIntoView()))), "@foldkit/ui/menu/index.js#execute~5"),
+    messages: [Message.CompletedScrollIntoView],
+    execute: ({ id, index }) => __foldkitBrandViewResult((Dom.scrollIntoView(itemSelector(id, index)).pipe(Effect.ignore, Effect.as(Message.CompletedScrollIntoView()))), "@foldkit/ui/menu/index.js#execute~5"),
 });
 /** Programmatically clicks the active menu item's DOM element. */
 export const ClickItem = Command.define('ClickItem', {
     args: { id: S.String, index: S.Number },
-    messages: [CompletedClickItem],
-    execute: ({ id, index }) => __foldkitBrandViewResult((Dom.clickElement(itemSelector(id, index)).pipe(Effect.ignore, Effect.as(CompletedClickItem()))), "@foldkit/ui/menu/index.js#execute~6"),
+    messages: [Message.CompletedClickItem],
+    execute: ({ id, index }) => __foldkitBrandViewResult((Dom.clickElement(itemSelector(id, index)).pipe(Effect.ignore, Effect.as(Message.CompletedClickItem()))), "@foldkit/ui/menu/index.js#execute~6"),
 });
 /** Waits for the typeahead search debounce period before clearing the query. */
 export const DelayClearSearch = Command.define('DelayClearSearch', {
     args: { version: S.Number },
-    messages: [CompletedDelayClearSearch],
-    execute: ({ version }) => __foldkitBrandViewResult((Effect.sleep(SEARCH_DEBOUNCE_MILLISECONDS).pipe(Effect.as(CompletedDelayClearSearch({ version })))), "@foldkit/ui/menu/index.js#execute~7"),
+    messages: [Message.CompletedDelayClearSearch],
+    execute: ({ version }) => __foldkitBrandViewResult((Effect.sleep(SEARCH_DEBOUNCE_MILLISECONDS).pipe(Effect.as(Message.CompletedDelayClearSearch({ version })))), "@foldkit/ui/menu/index.js#execute~7"),
 });
 /** Detects whether the menu button moved or the leave animation ended. Whichever comes first; both outcomes signal the Animation submodel that leave is complete. */
 export const DetectMovementOrAnimationEnd = Command.define('DetectMovementOrAnimationEnd', {
     args: { id: S.String },
-    messages: [GotAnimationMessage],
-    execute: ({ id }) => __foldkitBrandViewResult((Effect.raceFirst(Dom.detectElementMovement(buttonSelector(id)).pipe(Effect.as(GotAnimationMessage({ message: AnimationEndedAnimation() }))), Dom.waitForAnimationSettled(itemsSelector(id)).pipe(Effect.as(GotAnimationMessage({ message: AnimationEndedAnimation() }))))), "@foldkit/ui/menu/index.js#execute~8"),
+    messages: [Message.GotAnimationMessage],
+    execute: ({ id }) => __foldkitBrandViewResult((Effect.raceFirst(Dom.detectElementMovement(buttonSelector(id)).pipe(Effect.as(Message.GotAnimationMessage({
+        message: AnimationMessage.EndedAnimation(),
+    }))), Dom.waitForAnimationSettled(itemsSelector(id)).pipe(Effect.as(Message.GotAnimationMessage({
+        message: AnimationMessage.EndedAnimation(),
+    }))))), "@foldkit/ui/menu/index.js#execute~8"),
 });
 const foldAnimationOutMessage = M.type().pipe(M.withReturnType(), M.tagsExhaustive({
     StartedLeaveAnimating: () => __foldkitBrandViewResult((model => __foldkitBrandViewResult(([
@@ -267,7 +200,7 @@ const foldAnimation = Update.foldChild({
     update: animationUpdate,
     read: (model) => __foldkitBrandViewResult((Option.some(model.animation)), "@foldkit/ui/menu/index.js#read"),
     write: (model, nextAnimation) => __foldkitBrandViewResult((evo(model, { animation: () => __foldkitBrandViewResult((nextAnimation), "@foldkit/ui/menu/index.js#animation") })), "@foldkit/ui/menu/index.js#write"),
-    toParentMessage: message => __foldkitBrandViewResult((GotAnimationMessage({ message })), "@foldkit/ui/menu/index.js#toParentMessage"),
+    toParentMessage: message => __foldkitBrandViewResult((Message.GotAnimationMessage({ message })), "@foldkit/ui/menu/index.js#toParentMessage"),
     toParentOutMessage: () => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/menu/index.js#toParentOutMessage"),
     foldOutMessage: foldAnimationOutMessage,
 });
@@ -291,7 +224,7 @@ export const update = (model, message) => {
     ]);
     const openMenu = (baseModel) => {
         if (model.isAnimated) {
-            const [nextModel, animationCommands] = foldAnimation(baseModel, AnimationShowed());
+            const [nextModel, animationCommands] = foldAnimation(baseModel, AnimationMessage.Showed());
             return __foldkitBrandViewResult(([
                 evo(nextModel, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/menu/index.js#isOpen~2") }),
                 [...openCommands, ...animationCommands],
@@ -306,12 +239,23 @@ export const update = (model, message) => {
         }
         const closed = closedModel(baseModel);
         if (model.isAnimated) {
-            const [nextModel, animationCommands] = foldAnimation(closed, AnimationHid());
+            const [nextModel, animationCommands] = foldAnimation(closed, AnimationMessage.Hid());
             return __foldkitBrandViewResult(([nextModel, [...commands, ...animationCommands], maybeOutMessage]), "@foldkit/ui/menu/index.js#closeMenu");
         }
         return __foldkitBrandViewResult(([closed, commands, maybeOutMessage]), "@foldkit/ui/menu/index.js#closeMenu");
     };
-    return __foldkitBrandViewResult((M.value(message).pipe(withUpdateReturn, M.tag('CompletedFocusItems', 'CompletedFocusButton', 'CompletedLockScroll', 'CompletedUnlockScroll', 'CompletedInertOthers', 'CompletedRestoreInert', 'CompletedScrollIntoView', 'CompletedClickItem', 'SuppressedSpaceScroll', 'CompletedAnchorMenu', 'CompletedPortalMenuBackdrop', () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/menu/index.js#anonymous~3")), M.tagsExhaustive({
+    return __foldkitBrandViewResult((Message.match(message, {
+        CompletedFocusItems: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/menu/index.js#CompletedFocusItems"),
+        CompletedFocusButton: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/menu/index.js#CompletedFocusButton"),
+        CompletedLockScroll: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/menu/index.js#CompletedLockScroll"),
+        CompletedUnlockScroll: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/menu/index.js#CompletedUnlockScroll"),
+        CompletedInertOthers: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/menu/index.js#CompletedInertOthers"),
+        CompletedRestoreInert: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/menu/index.js#CompletedRestoreInert"),
+        CompletedScrollIntoView: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/menu/index.js#CompletedScrollIntoView"),
+        CompletedClickItem: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/menu/index.js#CompletedClickItem"),
+        SuppressedSpaceScroll: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/menu/index.js#SuppressedSpaceScroll"),
+        CompletedAnchorMenu: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/menu/index.js#CompletedAnchorMenu"),
+        CompletedPortalMenuBackdrop: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/menu/index.js#CompletedPortalMenuBackdrop"),
         Opened: ({ maybeActiveItemIndex }) => __foldkitBrandViewResult((openMenu(evo(model, {
             maybeActiveItemIndex: () => __foldkitBrandViewResult((maybeActiveItemIndex), "@foldkit/ui/menu/index.js#maybeActiveItemIndex~2"),
             activationTrigger: () => __foldkitBrandViewResult((Option.match(maybeActiveItemIndex, {
@@ -340,7 +284,7 @@ export const update = (model, message) => {
             Option.none(),
         ]), "@foldkit/ui/menu/index.js#ActivatedItem"),
         MovedPointerOverItem: ({ index, screenX, screenY }) => {
-            const isSamePosition = Option.exists(model.maybeLastPointerPosition, position => __foldkitBrandViewResult((position.screenX === screenX && position.screenY === screenY), "@foldkit/ui/menu/index.js#anonymous~4"));
+            const isSamePosition = Option.exists(model.maybeLastPointerPosition, position => __foldkitBrandViewResult((position.screenX === screenX && position.screenY === screenY), "@foldkit/ui/menu/index.js#anonymous~3"));
             if (isSamePosition) {
                 return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/menu/index.js#MovedPointerOverItem");
             }
@@ -361,7 +305,7 @@ export const update = (model, message) => {
                 Option.none(),
             ]
             : [model, [], Option.none()]), "@foldkit/ui/menu/index.js#DeactivatedItem"),
-        SelectedItem: ({ index, item }) => __foldkitBrandViewResult((closeMenu(model, closeWithFocusCommands, Option.some(Selected({ value: item, index })))), "@foldkit/ui/menu/index.js#SelectedItem"),
+        SelectedItem: ({ index, item }) => __foldkitBrandViewResult((closeMenu(model, closeWithFocusCommands, Option.some(OutMessage.Selected({ value: item, index })))), "@foldkit/ui/menu/index.js#SelectedItem"),
         RequestedItemClick: ({ index }) => __foldkitBrandViewResult(([
             model,
             [ClickItem({ id: model.id, index })],
@@ -374,7 +318,7 @@ export const update = (model, message) => {
                 evo(model, {
                     searchQuery: () => __foldkitBrandViewResult((nextSearchQuery), "@foldkit/ui/menu/index.js#searchQuery~3"),
                     searchVersion: () => __foldkitBrandViewResult((nextSearchVersion), "@foldkit/ui/menu/index.js#searchVersion~3"),
-                    maybeActiveItemIndex: () => __foldkitBrandViewResult((Option.orElse(maybeTargetIndex, () => __foldkitBrandViewResult((model.maybeActiveItemIndex), "@foldkit/ui/menu/index.js#anonymous~5"))), "@foldkit/ui/menu/index.js#maybeActiveItemIndex~6"),
+                    maybeActiveItemIndex: () => __foldkitBrandViewResult((Option.orElse(maybeTargetIndex, () => __foldkitBrandViewResult((model.maybeActiveItemIndex), "@foldkit/ui/menu/index.js#anonymous~4"))), "@foldkit/ui/menu/index.js#maybeActiveItemIndex~6"),
                 }),
                 [DelayClearSearch({ version: nextSearchVersion })],
                 Option.none(),
@@ -419,8 +363,8 @@ export const update = (model, message) => {
             const isMovementBelowThreshold = Option.exists(model.maybePointerOrigin, origin => __foldkitBrandViewResult((Math.abs(screenX - origin.screenX) <
                 POINTER_MOVEMENT_THRESHOLD_PIXELS &&
                 Math.abs(screenY - origin.screenY) <
-                    POINTER_MOVEMENT_THRESHOLD_PIXELS), "@foldkit/ui/menu/index.js#anonymous~6"));
-            const isHoldTimeBelowThreshold = Option.exists(model.maybePointerOrigin, origin => __foldkitBrandViewResult((timeStamp - origin.timeStamp < POINTER_HOLD_THRESHOLD_MILLISECONDS), "@foldkit/ui/menu/index.js#anonymous~7"));
+                    POINTER_MOVEMENT_THRESHOLD_PIXELS), "@foldkit/ui/menu/index.js#anonymous~5"));
+            const isHoldTimeBelowThreshold = Option.exists(model.maybePointerOrigin, origin => __foldkitBrandViewResult((timeStamp - origin.timeStamp < POINTER_HOLD_THRESHOLD_MILLISECONDS), "@foldkit/ui/menu/index.js#anonymous~6"));
             if (hasNoOrigin ||
                 isMovementBelowThreshold ||
                 isHoldTimeBelowThreshold ||
@@ -443,7 +387,7 @@ export const update = (model, message) => {
             [],
             Option.none(),
         ]), "@foldkit/ui/menu/index.js#IgnoredMouseClick"),
-    }))), "@foldkit/ui/menu/index.js#update");
+    })), "@foldkit/ui/menu/index.js#update");
 };
 /** The anchor-positioning Mount this Menu renders on its panel. The panel is
  *  always anchored to the button via Floating UI and portaled to the document
@@ -458,33 +402,33 @@ export const update = (model, message) => {
  *  configured, where the panel is visible as soon as the render commits.
  *
  *  Exposed so Scene tests can call
- *  `Scene.Mount.resolve(AnchorMenu, CompletedAnchorMenu())`. */
-export const AnchorMenu = Mount.define('AnchorMenu', { buttonId: S.String, anchor: AnchorConfig }, CompletedAnchorMenu)(({ buttonId, anchor }) => __foldkitBrandViewResult((element => __foldkitBrandViewResult((Effect.gen(function* () {
+ *  `Scene.Mount.resolve(AnchorMenu, Message.CompletedAnchorMenu())`. */
+export const AnchorMenu = Mount.define('AnchorMenu', { buttonId: S.String, anchor: AnchorConfig }, Message.CompletedAnchorMenu)(({ buttonId, anchor }) => __foldkitBrandViewResult((element => __foldkitBrandViewResult((Effect.gen(function* () {
     yield* Effect.acquireRelease(Effect.sync(() => __foldkitBrandViewResult((anchorSetup(element, {
         buttonId,
         anchor,
         focusAfterPosition: true,
-    })), "@foldkit/ui/menu/index.js#anonymous~11")), cleanup => __foldkitBrandViewResult((Effect.sync(cleanup)), "@foldkit/ui/menu/index.js#anonymous~12"));
-    return __foldkitBrandViewResult((CompletedAnchorMenu()), "@foldkit/ui/menu/index.js#anonymous~10");
-})), "@foldkit/ui/menu/index.js#anonymous~9")), "@foldkit/ui/menu/index.js#anonymous~8"));
+    })), "@foldkit/ui/menu/index.js#anonymous~10")), cleanup => __foldkitBrandViewResult((Effect.sync(cleanup)), "@foldkit/ui/menu/index.js#anonymous~11"));
+    return __foldkitBrandViewResult((Message.CompletedAnchorMenu()), "@foldkit/ui/menu/index.js#anonymous~9");
+})), "@foldkit/ui/menu/index.js#anonymous~8")), "@foldkit/ui/menu/index.js#anonymous~7"));
 /** The backdrop-portaling Mount this Menu renders. Exposed so Scene tests can
- *  call `Scene.Mount.resolve(PortalMenuBackdrop, CompletedPortalMenuBackdrop())` to
+ *  call `Scene.Mount.resolve(PortalMenuBackdrop, Message.CompletedPortalMenuBackdrop())` to
  *  acknowledge the mount produced by the rendered backdrop. */
-export const PortalMenuBackdrop = Mount.define('PortalMenuBackdrop', CompletedPortalMenuBackdrop)(element => __foldkitBrandViewResult((Effect.gen(function* () {
-    yield* Effect.acquireRelease(Effect.sync(() => __foldkitBrandViewResult((portalToContainingRoot(element)), "@foldkit/ui/menu/index.js#anonymous~15")), cleanup => __foldkitBrandViewResult((Effect.sync(cleanup)), "@foldkit/ui/menu/index.js#anonymous~16"));
-    return __foldkitBrandViewResult((CompletedPortalMenuBackdrop()), "@foldkit/ui/menu/index.js#anonymous~14");
-})), "@foldkit/ui/menu/index.js#anonymous~13"));
+export const PortalMenuBackdrop = Mount.define('PortalMenuBackdrop', Message.CompletedPortalMenuBackdrop)(element => __foldkitBrandViewResult((Effect.gen(function* () {
+    yield* Effect.acquireRelease(Effect.sync(() => __foldkitBrandViewResult((portalToContainingRoot(element)), "@foldkit/ui/menu/index.js#anonymous~14")), cleanup => __foldkitBrandViewResult((Effect.sync(cleanup)), "@foldkit/ui/menu/index.js#anonymous~15"));
+    return __foldkitBrandViewResult((Message.CompletedPortalMenuBackdrop()), "@foldkit/ui/menu/index.js#anonymous~13");
+})), "@foldkit/ui/menu/index.js#anonymous~12"));
 /** Programmatically opens the menu, updating the model and returning
  *  focus and modal commands. Use this in domain-event handlers to open the menu. */
-export const open = (model) => __foldkitBrandViewResult((update(model, Opened({ maybeActiveItemIndex: Option.none() }))), "@foldkit/ui/menu/index.js#open");
+export const open = (model) => __foldkitBrandViewResult((update(model, Message.Opened({ maybeActiveItemIndex: Option.none() }))), "@foldkit/ui/menu/index.js#open");
 /** Programmatically closes the menu. If it is open, returns the closed Model
  *  with focus and modal Commands. If it is already closed, returns the Model
  *  unchanged with no Commands. Use this in domain-event handlers to close the
  *  menu. */
-export const close = (model) => __foldkitBrandViewResult((update(model, Closed())), "@foldkit/ui/menu/index.js#close");
+export const close = (model) => __foldkitBrandViewResult((update(model, Message.Closed())), "@foldkit/ui/menu/index.js#close");
 /** Programmatically selects a menu item, closing the menu and returning
  *  focus commands plus a `Selected` OutMessage. Use this in domain-event handlers. */
-export const selectItem = (model, item, index) => __foldkitBrandViewResult((update(model, SelectedItem({ index, item }))), "@foldkit/ui/menu/index.js#selectItem");
+export const selectItem = (model, item, index) => __foldkitBrandViewResult((update(model, Message.SelectedItem({ index, item }))), "@foldkit/ui/menu/index.js#selectItem");
 export { groupContiguous, resolveTypeaheadMatch };
 const itemId = (id, index) => __foldkitBrandViewResult((`${id}-item-${index}`), "@foldkit/ui/menu/index.js#itemId");
 const internalView = () => 
@@ -492,36 +436,40 @@ const internalView = () =>
 __foldkitBrandViewResult((menuViewImpl), "@foldkit/ui/menu/index.js#internalView");
 const menuViewImpl = defineView((model, viewInputs, h) => {
     const { id, isOpen, animation: { transitionState }, maybeActiveItemIndex, searchQuery, maybeLastButtonPointerType, } = model;
-    const { items, itemToConfig, isItemDisabled, itemToSearchText = (item) => __foldkitBrandViewResult((item), "@foldkit/ui/menu/index.js#anonymous~18"), isButtonDisabled, buttonContent, buttonClassName, buttonAttributes = [], itemsClassName, itemsAttributes = [], itemsScrollClassName, itemsScrollAttributes = [], backdropClassName, backdropAttributes = [], className, attributes = [], itemGroupKey, groupToHeading, groupClassName, groupAttributes = [], separatorClassName, separatorAttributes = [], anchor = {}, ariaLabel, ariaLabelledBy, } = viewInputs;
-    const dispatchSelectedItem = (item, index) => __foldkitBrandViewResult((SelectedItem({ index, item })), "@foldkit/ui/menu/index.js#dispatchSelectedItem");
+    const { items, itemToConfig, isItemDisabled, itemToSearchText = (item) => __foldkitBrandViewResult((item), "@foldkit/ui/menu/index.js#anonymous~17"), isButtonDisabled, buttonContent, buttonClassName, buttonAttributes = [], itemsClassName, itemsAttributes = [], itemsScrollClassName, itemsScrollAttributes = [], backdropClassName, backdropAttributes = [], className, attributes = [], itemGroupKey, groupToHeading, groupClassName, groupAttributes = [], separatorClassName, separatorAttributes = [], anchor = {}, ariaLabel, ariaLabelledBy, } = viewInputs;
+    const dispatchSelectedItem = (item, index) => __foldkitBrandViewResult((Message.SelectedItem({ index, item })), "@foldkit/ui/menu/index.js#dispatchSelectedItem");
     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/menu/index.js#anonymous~19")), M.when('EnterAnimating', () => __foldkitBrandViewResult(([
+    ]), "@foldkit/ui/menu/index.js#anonymous~18")), M.when('EnterAnimating', () => __foldkitBrandViewResult(([
         h.DataAttribute('enter', ''),
         h.DataAttribute('transition', ''),
-    ]), "@foldkit/ui/menu/index.js#anonymous~20")), M.when('LeaveStart', () => __foldkitBrandViewResult(([
+    ]), "@foldkit/ui/menu/index.js#anonymous~19")), M.when('LeaveStart', () => __foldkitBrandViewResult(([
         h.DataAttribute('leave', ''),
         h.DataAttribute('transition', ''),
-    ]), "@foldkit/ui/menu/index.js#anonymous~21")), M.when('LeaveAnimating', () => __foldkitBrandViewResult(([
+    ]), "@foldkit/ui/menu/index.js#anonymous~20")), M.when('LeaveAnimating', () => __foldkitBrandViewResult(([
         h.DataAttribute('closed', ''),
         h.DataAttribute('leave', ''),
         h.DataAttribute('transition', ''),
-    ]), "@foldkit/ui/menu/index.js#anonymous~22")), M.orElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/menu/index.js#anonymous~23")));
+    ]), "@foldkit/ui/menu/index.js#anonymous~21")), M.orElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/menu/index.js#anonymous~22")));
     const isDisabled = (index) => __foldkitBrandViewResult((Predicate.isNotUndefined(isItemDisabled) &&
-        pipe(items, Array.get(index), Option.exists(item => __foldkitBrandViewResult((isItemDisabled(item, index)), "@foldkit/ui/menu/index.js#anonymous~24")))), "@foldkit/ui/menu/index.js#isDisabled");
+        pipe(items, Array.get(index), Option.exists(item => __foldkitBrandViewResult((isItemDisabled(item, index)), "@foldkit/ui/menu/index.js#anonymous~23")))), "@foldkit/ui/menu/index.js#isDisabled");
     const firstEnabledIndex = findFirstEnabledIndex(items.length, 0, isDisabled)(0, 1);
     const lastEnabledIndex = findFirstEnabledIndex(items.length, 0, isDisabled)(items.length - 1, -1);
     const handleButtonKeyDown = (key) => {
         if (isOpen) {
             return __foldkitBrandViewResult((handleItemsKeyDown(key)), "@foldkit/ui/menu/index.js#handleButtonKeyDown");
         }
-        return __foldkitBrandViewResult((M.value(key).pipe(M.whenOr('Enter', ' ', 'ArrowDown', () => __foldkitBrandViewResult((Option.some(Opened({ maybeActiveItemIndex: Option.some(firstEnabledIndex) }))), "@foldkit/ui/menu/index.js#anonymous~25")), M.when('ArrowUp', () => __foldkitBrandViewResult((Option.some(Opened({ maybeActiveItemIndex: Option.some(lastEnabledIndex) }))), "@foldkit/ui/menu/index.js#anonymous~26")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/menu/index.js#anonymous~27")))), "@foldkit/ui/menu/index.js#handleButtonKeyDown");
+        return __foldkitBrandViewResult((M.value(key).pipe(M.whenOr('Enter', ' ', 'ArrowDown', () => __foldkitBrandViewResult((Option.some(Message.Opened({
+            maybeActiveItemIndex: Option.some(firstEnabledIndex),
+        }))), "@foldkit/ui/menu/index.js#anonymous~24")), M.when('ArrowUp', () => __foldkitBrandViewResult((Option.some(Message.Opened({
+            maybeActiveItemIndex: Option.some(lastEnabledIndex),
+        }))), "@foldkit/ui/menu/index.js#anonymous~25")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/menu/index.js#anonymous~26")))), "@foldkit/ui/menu/index.js#handleButtonKeyDown");
     };
-    const handleButtonPointerDown = (pointerType, button, screenX, screenY, timeStamp) => __foldkitBrandViewResult((Option.some(PressedPointerOnButton({
+    const handleButtonPointerDown = (pointerType, button, screenX, screenY, timeStamp) => __foldkitBrandViewResult((Option.some(Message.PressedPointerOnButton({
         pointerType,
         button,
         screenX,
@@ -529,31 +477,31 @@ const menuViewImpl = defineView((model, viewInputs, h) => {
         timeStamp,
     }))), "@foldkit/ui/menu/index.js#handleButtonPointerDown");
     const handleButtonClick = () => {
-        const isMouse = Option.exists(maybeLastButtonPointerType, type => __foldkitBrandViewResult((type === 'mouse'), "@foldkit/ui/menu/index.js#anonymous~28"));
+        const isMouse = Option.exists(maybeLastButtonPointerType, type => __foldkitBrandViewResult((type === 'mouse'), "@foldkit/ui/menu/index.js#anonymous~27"));
         if (isMouse) {
-            return __foldkitBrandViewResult((IgnoredMouseClick()), "@foldkit/ui/menu/index.js#handleButtonClick");
+            return __foldkitBrandViewResult((Message.IgnoredMouseClick()), "@foldkit/ui/menu/index.js#handleButtonClick");
         }
         else if (isOpen) {
-            return __foldkitBrandViewResult((Closed()), "@foldkit/ui/menu/index.js#handleButtonClick");
+            return __foldkitBrandViewResult((Message.Closed()), "@foldkit/ui/menu/index.js#handleButtonClick");
         }
         else {
-            return __foldkitBrandViewResult((Opened({ maybeActiveItemIndex: Option.none() })), "@foldkit/ui/menu/index.js#handleButtonClick");
+            return __foldkitBrandViewResult((Message.Opened({ maybeActiveItemIndex: Option.none() })), "@foldkit/ui/menu/index.js#handleButtonClick");
         }
     };
-    const handleSpaceKeyUp = (key) => __foldkitBrandViewResult((OptionExt.when(key === ' ', SuppressedSpaceScroll())), "@foldkit/ui/menu/index.js#handleSpaceKeyUp");
-    const resolveActiveIndex = keyToIndex('ArrowDown', 'ArrowUp', items.length, Option.getOrElse(maybeActiveItemIndex, () => __foldkitBrandViewResult((0), "@foldkit/ui/menu/index.js#anonymous~29")), isDisabled);
+    const handleSpaceKeyUp = (key) => __foldkitBrandViewResult((OptionExt.when(key === ' ', Message.SuppressedSpaceScroll())), "@foldkit/ui/menu/index.js#handleSpaceKeyUp");
+    const resolveActiveIndex = keyToIndex('ArrowDown', 'ArrowUp', items.length, Option.getOrElse(maybeActiveItemIndex, () => __foldkitBrandViewResult((0), "@foldkit/ui/menu/index.js#anonymous~28")), isDisabled);
     const searchForKey = (key) => {
         const nextQuery = searchQuery + key;
         const maybeTargetIndex = resolveTypeaheadMatch(items, nextQuery, maybeActiveItemIndex, isDisabled, itemToSearchText, Str.isNonEmpty(searchQuery));
-        return __foldkitBrandViewResult((Option.some(Searched({ key, maybeTargetIndex }))), "@foldkit/ui/menu/index.js#searchForKey");
+        return __foldkitBrandViewResult((Option.some(Message.Searched({ key, maybeTargetIndex }))), "@foldkit/ui/menu/index.js#searchForKey");
     };
-    const handleItemsKeyDown = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.when('Escape', () => __foldkitBrandViewResult((Option.some(Closed())), "@foldkit/ui/menu/index.js#anonymous~30")), M.when('Enter', () => __foldkitBrandViewResult((Option.map(maybeActiveItemIndex, index => __foldkitBrandViewResult((RequestedItemClick({ index })), "@foldkit/ui/menu/index.js#anonymous~32"))), "@foldkit/ui/menu/index.js#anonymous~31")), M.when(' ', () => __foldkitBrandViewResult((Str.isNonEmpty(searchQuery)
+    const handleItemsKeyDown = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.when('Escape', () => __foldkitBrandViewResult((Option.some(Message.Closed())), "@foldkit/ui/menu/index.js#anonymous~29")), M.when('Enter', () => __foldkitBrandViewResult((Option.map(maybeActiveItemIndex, index => __foldkitBrandViewResult((Message.RequestedItemClick({ index })), "@foldkit/ui/menu/index.js#anonymous~31"))), "@foldkit/ui/menu/index.js#anonymous~30")), M.when(' ', () => __foldkitBrandViewResult((Str.isNonEmpty(searchQuery)
         ? searchForKey(' ')
-        : Option.map(maybeActiveItemIndex, index => __foldkitBrandViewResult((RequestedItemClick({ index })), "@foldkit/ui/menu/index.js#anonymous~34"))), "@foldkit/ui/menu/index.js#anonymous~33")), M.whenOr('ArrowDown', 'ArrowUp', 'Home', 'End', 'PageUp', 'PageDown', () => __foldkitBrandViewResult((Option.some(ActivatedItem({
+        : Option.map(maybeActiveItemIndex, index => __foldkitBrandViewResult((Message.RequestedItemClick({ index })), "@foldkit/ui/menu/index.js#anonymous~33"))), "@foldkit/ui/menu/index.js#anonymous~32")), M.whenOr('ArrowDown', 'ArrowUp', 'Home', 'End', 'PageUp', 'PageDown', () => __foldkitBrandViewResult((Option.some(Message.ActivatedItem({
         index: resolveActiveIndex(key),
         activationTrigger: 'Keyboard',
-    }))), "@foldkit/ui/menu/index.js#anonymous~35")), M.when(isPrintableKey, () => __foldkitBrandViewResult((searchForKey(key)), "@foldkit/ui/menu/index.js#anonymous~36")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/menu/index.js#anonymous~37")))), "@foldkit/ui/menu/index.js#handleItemsKeyDown");
-    const handleItemsPointerUp = (screenX, screenY, pointerType, timeStamp) => __foldkitBrandViewResult((OptionExt.when(pointerType === 'mouse', ReleasedPointerOnItems({ screenX, screenY, timeStamp }))), "@foldkit/ui/menu/index.js#handleItemsPointerUp");
+    }))), "@foldkit/ui/menu/index.js#anonymous~34")), M.when(isPrintableKey, () => __foldkitBrandViewResult((searchForKey(key)), "@foldkit/ui/menu/index.js#anonymous~35")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/menu/index.js#anonymous~36")))), "@foldkit/ui/menu/index.js#handleItemsKeyDown");
+    const handleItemsPointerUp = (screenX, screenY, pointerType, timeStamp) => __foldkitBrandViewResult((OptionExt.when(pointerType === 'mouse', Message.ReleasedPointerOnItems({ screenX, screenY, timeStamp }))), "@foldkit/ui/menu/index.js#handleItemsPointerUp");
     const resolveButtonLabel = () => {
         if (Predicate.isNotUndefined(ariaLabel)) {
             return __foldkitBrandViewResult(([h.AriaLabel(ariaLabel)]), "@foldkit/ui/menu/index.js#resolveButtonLabel");
@@ -612,13 +560,13 @@ const menuViewImpl = defineView((model, viewInputs, h) => {
                 h.OnKeyDownPreventDefault(handleItemsKeyDown),
                 h.OnKeyUpPreventDefault(handleSpaceKeyUp),
                 h.OnPointerUp(handleItemsPointerUp),
-                h.OnBlur(BlurredItems()),
+                h.OnBlur(Message.BlurredItems()),
             ]),
         ...(itemsClassName ? [h.Class(itemsClassName)] : []),
         ...itemsAttributes,
     ];
     const menuItems = Array.map(items, (item, index) => {
-        const isActiveItem = Option.exists(maybeActiveItemIndex, activeIndex => __foldkitBrandViewResult((activeIndex === index), "@foldkit/ui/menu/index.js#anonymous~39"));
+        const isActiveItem = Option.exists(maybeActiveItemIndex, activeIndex => __foldkitBrandViewResult((activeIndex === index), "@foldkit/ui/menu/index.js#anonymous~38"));
         const isDisabledItem = isDisabled(index);
         const itemConfig = itemToConfig(item, {
             isActive: isActiveItem,
@@ -638,13 +586,17 @@ const menuViewImpl = defineView((model, viewInputs, h) => {
                     ...(isActiveItem
                         ? []
                         : [
-                            h.OnPointerMove((screenX, screenY, pointerType) => __foldkitBrandViewResult((OptionExt.when(pointerType !== 'touch', MovedPointerOverItem({ index, screenX, screenY }))), "@foldkit/ui/menu/index.js#anonymous~40")),
+                            h.OnPointerMove((screenX, screenY, pointerType) => __foldkitBrandViewResult((OptionExt.when(pointerType !== 'touch', Message.MovedPointerOverItem({
+                                index,
+                                screenX,
+                                screenY,
+                            }))), "@foldkit/ui/menu/index.js#anonymous~39")),
                         ]),
-                    h.OnPointerLeave(pointerType => __foldkitBrandViewResult((OptionExt.when(pointerType !== 'touch', DeactivatedItem())), "@foldkit/ui/menu/index.js#anonymous~41")),
+                    h.OnPointerLeave(pointerType => __foldkitBrandViewResult((OptionExt.when(pointerType !== 'touch', Message.DeactivatedItem())), "@foldkit/ui/menu/index.js#anonymous~40")),
                 ]
                 : []),
             ...(itemConfig.className ? [h.Class(itemConfig.className)] : []),
-        ], [itemConfig.content])), "@foldkit/ui/menu/index.js#anonymous~38");
+        ], [itemConfig.content])), "@foldkit/ui/menu/index.js#anonymous~37");
     });
     const renderGroupedItems = () => {
         if (!itemGroupKey) {
@@ -653,7 +605,7 @@ const menuViewImpl = defineView((model, viewInputs, h) => {
         const segments = groupContiguous(menuItems, (_, index) => __foldkitBrandViewResult((Array.get(items, index).pipe(Option.match({
             onNone: () => __foldkitBrandViewResult((''), "@foldkit/ui/menu/index.js#onNone~3"),
             onSome: item => __foldkitBrandViewResult((itemGroupKey(item, index)), "@foldkit/ui/menu/index.js#onSome~3"),
-        }))), "@foldkit/ui/menu/index.js#anonymous~42"));
+        }))), "@foldkit/ui/menu/index.js#anonymous~41"));
         return __foldkitBrandViewResult((Array.flatMap(segments, (segment, segmentIndex) => {
             const maybeHeading = Option.fromNullishOr(groupToHeading && groupToHeading(segment.key));
             const headingId = `${id}-heading-${segment.key}`;
@@ -687,12 +639,12 @@ const menuViewImpl = defineView((model, viewInputs, h) => {
                     ]),
                 ]
                 : [];
-            return __foldkitBrandViewResult(([...separator, groupElement]), "@foldkit/ui/menu/index.js#anonymous~43");
+            return __foldkitBrandViewResult(([...separator, groupElement]), "@foldkit/ui/menu/index.js#anonymous~42");
         })), "@foldkit/ui/menu/index.js#renderGroupedItems");
     };
     const backdrop = h.keyed('div')(`${id}-backdrop`, [
         h.OnMount(PortalMenuBackdrop()),
-        ...(isLeaving ? [] : [h.OnClick(Closed())]),
+        ...(isLeaving ? [] : [h.OnClick(Message.Closed())]),
         ...(backdropClassName ? [h.Class(backdropClassName)] : []),
         ...backdropAttributes,
     ]);
@@ -722,7 +674,7 @@ const menuViewImpl = defineView((model, viewInputs, h) => {
             buttonContent,
         ]),
         ...(isVisible ? visibleContent : []),
-    ])), "@foldkit/ui/menu/index.js#anonymous~17");
+    ])), "@foldkit/ui/menu/index.js#anonymous~16");
 });
 /** Pairs the menu's `view` and `update` (and programmatic helpers)
  *  behind a single Item-typed entry point. Declaring the menu once at

package/dist/menu/public.d.ts

@@ -1,4 +1,4 @@
-export { init, create, buttonId, Model, Message, OutMessage, Selected, SelectedItem, CompletedLockScroll, CompletedUnlockScroll, CompletedInertOthers, CompletedRestoreInert, CompletedFocusItems, CompletedFocusButton, CompletedScrollIntoView, CompletedClickItem, CompletedAnchorMenu, CompletedPortalMenuBackdrop, AnchorMenu, PortalMenuBackdrop, CompletedDelayClearSearch, GotAnimationMessage, LockScroll, UnlockScroll, InertOthers, RestoreInert, FocusItems, FocusButton, ScrollIntoView, ClickItem, DelayClearSearch, DetectMovementOrAnimationEnd, Opened, Closed, BlurredItems, ActivatedItem, DeactivatedItem, MovedPointerOverItem, RequestedItemClick, Searched, PressedPointerOnButton, ReleasedPointerOnItems, IgnoredMouseClick, SuppressedSpaceScroll, } from './index.js';
+export { init, create, buttonId, Model, Message, OutMessage, type Selected, type SelectedItem, AnchorMenu, PortalMenuBackdrop, type CompletedDelayClearSearch, LockScroll, UnlockScroll, InertOthers, RestoreInert, FocusItems, FocusButton, ScrollIntoView, ClickItem, DelayClearSearch, DetectMovementOrAnimationEnd, type Opened, type Closed, type BlurredItems, type ActivatedItem, type DeactivatedItem, type MovedPointerOverItem, type RequestedItemClick, type Searched, type PressedPointerOnButton, type ReleasedPointerOnItems, type IgnoredMouseClick, type SuppressedSpaceScroll, } from './index.js';
 export type { ActivationTrigger, InitConfig, ViewInputs, ItemConfig, GroupHeading, Bundle, } from './index.js';
 export type { AnchorConfig } from '../anchor/index.js';
 //# sourceMappingURL=public.d.ts.map

package/dist/menu/public.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/menu/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,2BAA2B,EAC3B,UAAU,EACV,kBAAkB,EAClB,yBAAyB,EACzB,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,UAAU,EACV,WAAW,EACX,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,4BAA4B,EAC5B,MAAM,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,QAAQ,EACR,sBAAsB,EACtB,sBAAsB,EACtB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,YAAY,CAAA;AAEnB,YAAY,EACV,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,UAAU,EACV,YAAY,EACZ,MAAM,GACP,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/menu/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,OAAO,EACP,UAAU,EACV,KAAK,QAAQ,EACb,KAAK,YAAY,EACjB,UAAU,EACV,kBAAkB,EAClB,KAAK,yBAAyB,EAC9B,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,UAAU,EACV,WAAW,EACX,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,4BAA4B,EAC5B,KAAK,MAAM,EACX,KAAK,MAAM,EACX,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,EACvB,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,YAAY,CAAA;AAEnB,YAAY,EACV,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,UAAU,EACV,YAAY,EACZ,MAAM,GACP,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/menu/public.js

@@ -1 +1 @@
-export { init, create, buttonId, Model, Message, OutMessage, Selected, SelectedItem, CompletedLockScroll, CompletedUnlockScroll, CompletedInertOthers, CompletedRestoreInert, CompletedFocusItems, CompletedFocusButton, CompletedScrollIntoView, CompletedClickItem, CompletedAnchorMenu, CompletedPortalMenuBackdrop, AnchorMenu, PortalMenuBackdrop, CompletedDelayClearSearch, GotAnimationMessage, LockScroll, UnlockScroll, InertOthers, RestoreInert, FocusItems, FocusButton, ScrollIntoView, ClickItem, DelayClearSearch, DetectMovementOrAnimationEnd, Opened, Closed, BlurredItems, ActivatedItem, DeactivatedItem, MovedPointerOverItem, RequestedItemClick, Searched, PressedPointerOnButton, ReleasedPointerOnItems, IgnoredMouseClick, SuppressedSpaceScroll, } from './index.js';
+export { init, create, buttonId, Model, Message, OutMessage, AnchorMenu, PortalMenuBackdrop, LockScroll, UnlockScroll, InertOthers, RestoreInert, FocusItems, FocusButton, ScrollIntoView, ClickItem, DelayClearSearch, DetectMovementOrAnimationEnd, } from './index.js';