foldkit 0.100.1 → 0.102.0

package/dist/ui/popover/index.d.ts

@@ -1,6 +1,6 @@
-import { Effect, Schema as S } from 'effect';
+import { Effect, Option, Schema as S } from 'effect';
 import * as Command from '../../command/index.js';
-import { type Attribute, type Html } from '../../html/index.js';
+import { type ChildAttribute, type Html } from '../../html/index.js';
 import * as Mount from '../../mount/index.js';
 import { AnchorConfig } from '../anchor.js';
 /** Schema for the popover component's state, tracking open/closed status and animation lifecycle. */
@@ -18,10 +18,10 @@ export declare const Model: S.Struct<{
     readonly maybeLastButtonPointerType: S.Option<S.String>;
 }>;
 export type Model = typeof Model.Type;
-/** Sent when the popover opens via button click or keyboard activation. */
-export declare const Opened: import("../../schema/index.js").CallableTaggedStruct<"Opened", {}>;
-/** Sent when the popover closes via Escape key or backdrop click. Returns focus to the button. */
-export declare const Closed: import("../../schema/index.js").CallableTaggedStruct<"Closed", {}>;
+/** Sent when the popover should open via button click or keyboard activation. */
+export declare const RequestedOpen: import("../../schema/index.js").CallableTaggedStruct<"RequestedOpen", {}>;
+/** Sent when the popover should close via Escape key or backdrop click. Returns focus to the button. */
+export declare const RequestedClose: import("../../schema/index.js").CallableTaggedStruct<"RequestedClose", {}>;
 /** Sent when the popover panel loses focus. Does NOT return focus to the button. */
 export declare const BlurredPanel: import("../../schema/index.js").CallableTaggedStruct<"BlurredPanel", {}>;
 /** Sent when the user presses a pointer device on the popover button. Records pointer type and toggles for mouse. */
@@ -38,9 +38,9 @@ export declare const CompletedLockScroll: import("../../schema/index.js").Callab
 /** Sent when the scroll unlock command completes. */
 export declare const CompletedUnlockScroll: import("../../schema/index.js").CallableTaggedStruct<"CompletedUnlockScroll", {}>;
 /** Sent when the inert-others command completes. */
-export declare const CompletedSetupInert: import("../../schema/index.js").CallableTaggedStruct<"CompletedSetupInert", {}>;
+export declare const CompletedInertOthers: import("../../schema/index.js").CallableTaggedStruct<"CompletedInertOthers", {}>;
 /** Sent when the restore-inert command completes. */
-export declare const CompletedTeardownInert: import("../../schema/index.js").CallableTaggedStruct<"CompletedTeardownInert", {}>;
+export declare const CompletedRestoreInert: import("../../schema/index.js").CallableTaggedStruct<"CompletedRestoreInert", {}>;
 /** Sent when a mouse click on the button is ignored because pointer-down already handled the toggle. */
 export declare const IgnoredMouseClick: import("../../schema/index.js").CallableTaggedStruct<"IgnoredMouseClick", {}>;
 /** Sent when a Space key-up is captured to prevent page scrolling. */
@@ -55,30 +55,39 @@ export declare const GotAnimationMessage: import("../../schema/index.js").Callab
 }>;
 /** Union of all messages the popover component can produce. */
 export declare const Message: S.Union<[
-    typeof Opened,
-    typeof Closed,
+    typeof RequestedOpen,
+    typeof RequestedClose,
     typeof BlurredPanel,
     typeof PressedPointerOnButton,
     typeof CompletedFocusPanel,
     typeof CompletedFocusButton,
     typeof CompletedLockScroll,
     typeof CompletedUnlockScroll,
-    typeof CompletedSetupInert,
-    typeof CompletedTeardownInert,
+    typeof CompletedInertOthers,
+    typeof CompletedRestoreInert,
     typeof IgnoredMouseClick,
     typeof SuppressedSpaceScroll,
     typeof CompletedAnchorPopover,
     typeof CompletedPortalPopoverBackdrop,
     typeof GotAnimationMessage
 ]>;
-export type Opened = typeof Opened.Type;
-export type Closed = typeof Closed.Type;
+export type RequestedOpen = typeof RequestedOpen.Type;
+export type RequestedClose = typeof RequestedClose.Type;
 export type BlurredPanel = typeof BlurredPanel.Type;
 export type PressedPointerOnButton = typeof PressedPointerOnButton.Type;
 export type IgnoredMouseClick = typeof IgnoredMouseClick.Type;
 export type SuppressedSpaceScroll = typeof SuppressedSpaceScroll.Type;
 export type Message = typeof Message.Type;
-/** Configuration for creating a popover model with `init`. `isAnimated` enables animation coordination (default `false`). `isModal` locks page scroll and inerts other elements when open (default `false`). `contentFocus` hands focus ownership to the consumer — the panel is not focusable and does not close on blur, so the consumer must focus a descendant on open and close the popover on its own blur rules (default `false`). */
+/** Sent to the parent after the popover transitions to its open state. Fires once `update` has processed `RequestedOpen` and `isOpen` reflects the new state. */
+export declare const Opened: import("../../schema/index.js").CallableTaggedStruct<"Opened", {}>;
+/** Sent to the parent after the popover transitions to its closed state. */
+export declare const Closed: import("../../schema/index.js").CallableTaggedStruct<"Closed", {}>;
+/** Union of out-messages the popover component can produce. Parents reacting to open/close transitions (e.g. to reset related state, fire analytics) read this from the third element of `update`'s return tuple. */
+export declare const OutMessage: S.Union<readonly [import("../../schema/index.js").CallableTaggedStruct<"Opened", {}>, import("../../schema/index.js").CallableTaggedStruct<"Closed", {}>]>;
+export type OutMessage = typeof OutMessage.Type;
+export type Opened = typeof Opened.Type;
+export type Closed = typeof Closed.Type;
+/** Configuration for creating a popover model with `init`. `isAnimated` enables animation coordination (default `false`). `isModal` locks page scroll and inerts other elements when open (default `false`). `contentFocus` hands focus ownership to the consumer. The panel is not focusable and does not close on blur, so the consumer must focus a descendant on open and close the popover on its own blur rules (default `false`). */
 export type InitConfig = Readonly<{
     id: string;
     isAnimated?: boolean;
@@ -87,7 +96,11 @@ export type InitConfig = Readonly<{
 }>;
 /** Creates an initial popover model from a config. Defaults to closed. */
 export declare const init: (config: InitConfig) => Model;
-type UpdateReturn = readonly [Model, ReadonlyArray<Command.Command<Message>>];
+type UpdateReturn = readonly [
+    Model,
+    ReadonlyArray<Command.Command<Message>>,
+    Option.Option<OutMessage>
+];
 /** Prevents page scrolling while the popover is open in modal mode. */
 export declare const LockScroll: Command.CommandDefinitionNoArgs<"LockScroll", Effect.Effect<{
     readonly _tag: "CompletedLockScroll";
@@ -100,13 +113,13 @@ export declare const UnlockScroll: Command.CommandDefinitionNoArgs<"UnlockScroll
 export declare const InertOthers: Command.CommandDefinitionWithArgs<"InertOthers", {
     id: S.String;
 }, Effect.Effect<{
-    readonly _tag: "CompletedSetupInert";
+    readonly _tag: "CompletedInertOthers";
 }, never, never>>;
 /** Removes the inert attribute from elements outside the popover. */
 export declare const RestoreInert: Command.CommandDefinitionWithArgs<"RestoreInert", {
     id: S.String;
 }, Effect.Effect<{
-    readonly _tag: "CompletedTeardownInert";
+    readonly _tag: "CompletedRestoreInert";
 }, never, never>>;
 /** Moves focus to the popover panel after opening. */
 export declare const FocusPanel: Command.CommandDefinitionWithArgs<"FocusPanel", {
@@ -135,7 +148,7 @@ export declare const DetectMovementOrAnimationEnd: Command.CommandDefinitionWith
         readonly _tag: "EndedAnimation";
     };
 }, never, never>>;
-/** Processes a popover message and returns the next model and commands. */
+/** Processes a popover message and returns the next model, commands, and optional OutMessage. */
 export declare const update: (model: Model, message: Message) => UpdateReturn;
 /** The anchor-positioning Mount this Popover renders on its panel. Exposed so
  *  Scene tests can call `Scene.Mount.resolve(AnchorPopover, CompletedAnchorPopover())`
@@ -160,35 +173,95 @@ export declare const PortalPopoverBackdrop: Mount.MountDefinitionNoArgs<"PortalP
     readonly _tag: "CompletedPortalPopoverBackdrop";
 }>;
 /** Programmatically opens the popover, updating the model and returning
- *  focus and modal commands. Use this in domain-event handlers when the popover uses `onOpened`. */
-export declare const open: (model: Model) => readonly [Model, ReadonlyArray<Command.Command<Message>>];
+ *  focus and modal commands plus an `Opened` OutMessage. */
+export declare const open: (model: Model) => UpdateReturn;
 /** Programmatically closes the popover, updating the model and returning
- *  focus and modal commands. Use this in domain-event handlers when the popover uses `onClosed`. */
-export declare const close: (model: Model) => readonly [Model, ReadonlyArray<Command.Command<Message>>];
-/** Configuration for rendering a popover with `view`. */
-export type ViewConfig<ParentMessage> = Readonly<{
-    model: Model;
-    toParentMessage: (message: Opened | Closed | BlurredPanel | PressedPointerOnButton | IgnoredMouseClick | SuppressedSpaceScroll | typeof CompletedAnchorPopover.Type | typeof CompletedPortalPopoverBackdrop.Type) => ParentMessage;
-    onOpened?: () => ParentMessage;
-    onClosed?: () => ParentMessage;
+ *  focus and modal commands plus a `Closed` OutMessage when it was open. */
+export declare const close: (model: Model) => UpdateReturn;
+/** Render-time payload published to the consumer's `toView`.
+ *
+ *  - `button`: attribute bundle for the trigger button.
+ *  - `panel`: attribute bundle for the floating panel. Includes the
+ *    anchor Mount that positions the panel via Floating UI, ARIA
+ *    linkage to the button, and panel keydown/blur handlers.
+ *  - `backdrop`: attribute bundle for the modal backdrop. Includes the
+ *    portal Mount that moves the backdrop to document.body. The
+ *    backdrop's OnClick closes the popover.
+ *  - `isVisible`: derived from `isOpen` and the Animation
+ *    `transitionState`. The consumer renders the panel + backdrop only
+ *    while this is true. */
+export type RenderInfo = Readonly<{
+    button: ReadonlyArray<ChildAttribute>;
+    panel: ReadonlyArray<ChildAttribute>;
+    backdrop: ReadonlyArray<ChildAttribute>;
+    isVisible: boolean;
+}>;
+/** Per-render view inputs passed to `view` via `h.submodel`'s `viewInputs` field. */
+export type ViewInputs = Readonly<{
     anchor: AnchorConfig;
-    buttonContent: Html;
-    buttonClassName?: string;
-    buttonAttributes?: ReadonlyArray<Attribute<ParentMessage>>;
-    panelContent: Html;
-    panelClassName?: string;
-    panelAttributes?: ReadonlyArray<Attribute<ParentMessage>>;
-    backdropClassName?: string;
-    backdropAttributes?: ReadonlyArray<Attribute<ParentMessage>>;
+    toView: (render: RenderInfo) => Html;
     isDisabled?: boolean;
     focusSelector?: string;
-    className?: string;
-    attributes?: ReadonlyArray<Attribute<ParentMessage>>;
 }>;
-/** Renders a headless popover with a trigger button and a floating panel. Uses the disclosure ARIA pattern (aria-expanded + aria-controls) with no role on the panel. */
-export declare const view: <ParentMessage>(config: ViewConfig<ParentMessage>) => Html;
-/** Creates a memoized popover view. Static config is captured in a closure;
- *  only `model` and `toParentMessage` are compared per render via `createLazy`. */
-export declare const lazy: <ParentMessage>(staticConfig: Omit<ViewConfig<ParentMessage>, "model" | "toParentMessage" | "onOpened" | "onClosed">) => ((model: Model, toParentMessage: ViewConfig<ParentMessage>["toParentMessage"]) => Html);
+/** Renders a headless popover with a trigger button and a floating panel. */
+export declare const view: import("../../html/submodel.js").SubmodelView<{
+    readonly id: string;
+    readonly isOpen: boolean;
+    readonly isAnimated: boolean;
+    readonly isModal: boolean;
+    readonly contentFocus: boolean;
+    readonly animation: {
+        readonly id: string;
+        readonly isShowing: boolean;
+        readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
+    };
+    readonly maybeLastButtonPointerType: Option.Option<string>;
+}, {
+    readonly _tag: "CompletedLockScroll";
+} | {
+    readonly _tag: "CompletedUnlockScroll";
+} | {
+    readonly _tag: "CompletedInertOthers";
+} | {
+    readonly _tag: "CompletedRestoreInert";
+} | {
+    readonly _tag: "CompletedFocusButton";
+} | {
+    readonly _tag: "IgnoredMouseClick";
+} | {
+    readonly _tag: "SuppressedSpaceScroll";
+} | {
+    readonly _tag: "RequestedOpen";
+} | {
+    readonly _tag: "RequestedClose";
+} | {
+    readonly _tag: "BlurredPanel";
+} | {
+    readonly _tag: "PressedPointerOnButton";
+    readonly pointerType: string;
+    readonly button: number;
+} | {
+    readonly _tag: "CompletedFocusPanel";
+} | {
+    readonly _tag: "CompletedAnchorPopover";
+} | {
+    readonly _tag: "CompletedPortalPopoverBackdrop";
+} | {
+    readonly _tag: "GotAnimationMessage";
+    readonly message: {
+        readonly _tag: "Showed";
+    } | {
+        readonly _tag: "Hid";
+    } | {
+        readonly _tag: "AdvancedAnimationFrame";
+    } | {
+        readonly _tag: "EndedAnimation";
+    };
+}, Readonly<{
+    anchor: AnchorConfig;
+    toView: (render: RenderInfo) => Html;
+    isDisabled?: boolean;
+    focusSelector?: string;
+}>>;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/popover/index.d.ts.map

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

package/dist/ui/popover/index.js

@@ -2,7 +2,7 @@ import { Array, Effect, Equal, Match as M, Option, Schema as S } from 'effect';
 import * as Command from '../../command/index.js';
 import * as Dom from '../../dom/index.js';
 import { OptionExt } from '../../effectExtensions/index.js';
-import { createLazy, html, } from '../../html/index.js';
+import { childAttributes, defineView, html, } from '../../html/index.js';
 import { m } from '../../message/index.js';
 import * as Mount from '../../mount/index.js';
 import { evo } from '../../struct/index.js';
@@ -24,10 +24,10 @@ export const Model = S.Struct({
     maybeLastButtonPointerType: S.Option(S.String),
 });
 // MESSAGE
-/** Sent when the popover opens via button click or keyboard activation. */
-export const Opened = m('Opened');
-/** Sent when the popover closes via Escape key or backdrop click. Returns focus to the button. */
-export const Closed = m('Closed');
+/** Sent when the popover should open via button click or keyboard activation. */
+export const RequestedOpen = m('RequestedOpen');
+/** Sent when the popover should close via Escape key or backdrop click. Returns focus to the button. */
+export const RequestedClose = m('RequestedClose');
 /** Sent when the popover panel loses focus. Does NOT return focus to the button. */
 export const BlurredPanel = m('BlurredPanel');
 /** Sent when the user presses a pointer device on the popover button. Records pointer type and toggles for mouse. */
@@ -44,9 +44,9 @@ 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 CompletedSetupInert = m('CompletedSetupInert');
+export const CompletedInertOthers = m('CompletedInertOthers');
 /** Sent when the restore-inert command completes. */
-export const CompletedTeardownInert = m('CompletedTeardownInert');
+export const CompletedRestoreInert = m('CompletedRestoreInert');
 /** 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. */
@@ -61,22 +61,29 @@ export const GotAnimationMessage = m('GotAnimationMessage', {
 });
 /** Union of all messages the popover component can produce. */
 export const Message = S.Union([
-    Opened,
-    Closed,
+    RequestedOpen,
+    RequestedClose,
     BlurredPanel,
     PressedPointerOnButton,
     CompletedFocusPanel,
     CompletedFocusButton,
     CompletedLockScroll,
     CompletedUnlockScroll,
-    CompletedSetupInert,
-    CompletedTeardownInert,
+    CompletedInertOthers,
+    CompletedRestoreInert,
     IgnoredMouseClick,
     SuppressedSpaceScroll,
     CompletedAnchorPopover,
     CompletedPortalPopoverBackdrop,
     GotAnimationMessage,
 ]);
+// OUT MESSAGE
+/** Sent to the parent after the popover transitions to its open state. Fires once `update` has processed `RequestedOpen` and `isOpen` reflects the new state. */
+export const Opened = m('Opened');
+/** Sent to the parent after the popover transitions to its closed state. */
+export const Closed = m('Closed');
+/** Union of out-messages the popover component can produce. Parents reacting to open/close transitions (e.g. to reset related state, fire analytics) read this from the third element of `update`'s return tuple. */
+export const OutMessage = S.Union([Opened, Closed]);
 // INIT
 const LEFT_MOUSE_BUTTON = 0;
 /** Creates an initial popover model from a config. Defaults to closed. */
@@ -102,9 +109,9 @@ export const LockScroll = Command.define('LockScroll', CompletedLockScroll)(Dom.
 /** Re-enables page scrolling after the popover closes. */
 export const UnlockScroll = Command.define('UnlockScroll', CompletedUnlockScroll)(Dom.unlockScroll.pipe(Effect.as(CompletedUnlockScroll())));
 /** Marks all elements outside the popover as inert for modal behavior. */
-export const InertOthers = Command.define('InertOthers', { id: S.String }, CompletedSetupInert)(({ id }) => Dom.inertOthers(id, [buttonSelector(id), panelSelector(id)]).pipe(Effect.as(CompletedSetupInert())));
+export const InertOthers = Command.define('InertOthers', { id: S.String }, CompletedInertOthers)(({ id }) => Dom.inertOthers(id, [buttonSelector(id), panelSelector(id)]).pipe(Effect.as(CompletedInertOthers())));
 /** Removes the inert attribute from elements outside the popover. */
-export const RestoreInert = Command.define('RestoreInert', { id: S.String }, CompletedTeardownInert)(({ id }) => Dom.restoreInert(id).pipe(Effect.as(CompletedTeardownInert())));
+export const RestoreInert = Command.define('RestoreInert', { id: S.String }, CompletedRestoreInert)(({ id }) => Dom.restoreInert(id).pipe(Effect.as(CompletedRestoreInert())));
 /** Moves focus to the popover panel after opening. */
 export const FocusPanel = Command.define('FocusPanel', { id: S.String }, CompletedFocusPanel)(({ id }) => Dom.focus(panelSelector(id)).pipe(Effect.ignore, Effect.as(CompletedFocusPanel())));
 /** Moves focus back to the popover button after closing. */
@@ -113,7 +120,7 @@ export const FocusButton = Command.define('FocusButton', { id: S.String }, Compl
 export const DetectMovementOrAnimationEnd = Command.define('DetectMovementOrAnimationEnd', { id: S.String }, GotAnimationMessage)(({ id }) => Effect.raceFirst(Dom.detectElementMovement(buttonSelector(id)).pipe(Effect.as(GotAnimationMessage({ message: AnimationEndedAnimation() }))), Dom.waitForAnimationSettled(panelSelector(id)).pipe(Effect.as(GotAnimationMessage({ message: AnimationEndedAnimation() })))));
 const delegateToAnimation = (model, animationMessage) => {
     const [nextAnimation, animationCommands, maybeOutMessage] = animationUpdate(model.animation, animationMessage);
-    const mappedCommands = animationCommands.map(Command.mapEffect(Effect.map(message => GotAnimationMessage({ message }))));
+    const mappedCommands = Command.mapMessages(animationCommands, message => GotAnimationMessage({ message }));
     const additionalCommands = Option.match(maybeOutMessage, {
         onNone: () => [],
         onSome: M.type().pipe(M.tagsExhaustive({
@@ -126,9 +133,10 @@ const delegateToAnimation = (model, animationMessage) => {
     return [
         evo(model, { animation: () => nextAnimation }),
         [...mappedCommands, ...additionalCommands],
+        Option.none(),
     ];
 };
-/** Processes a popover message and returns the next model and commands. */
+/** Processes a popover message and returns the next model, commands, and optional OutMessage. */
 export const update = (model, message) => {
     const maybeLockScroll = OptionExt.when(model.isModal, LockScroll());
     const maybeUnlockScroll = OptionExt.when(model.isModal, UnlockScroll());
@@ -150,24 +158,36 @@ export const update = (model, message) => {
             return [
                 evo(nextModel, { isOpen: () => true }),
                 [...openCommands, ...animationCommands],
+                Option.some(Opened()),
             ];
         }
-        return [evo(baseModel, { isOpen: () => true }), openCommands];
+        return [
+            evo(baseModel, { isOpen: () => true }),
+            openCommands,
+            Option.some(Opened()),
+        ];
     };
     const closePopover = (baseModel, commands) => {
+        if (!baseModel.isOpen) {
+            return [baseModel, commands, Option.none()];
+        }
         const closed = closedModel(baseModel);
         if (model.isAnimated) {
             const [nextModel, animationCommands] = delegateToAnimation(closed, AnimationHid());
-            return [nextModel, [...commands, ...animationCommands]];
+            return [
+                nextModel,
+                [...commands, ...animationCommands],
+                Option.some(Closed()),
+            ];
         }
-        return [closed, commands];
+        return [closed, commands, Option.some(Closed())];
     };
     return M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
-        Opened: () => openPopover(model),
-        Closed: () => closePopover(model, closeWithFocusCommands),
+        RequestedOpen: () => openPopover(model),
+        RequestedClose: () => closePopover(model, closeWithFocusCommands),
         BlurredPanel: () => {
             if (Option.exists(model.maybeLastButtonPointerType, Equal.equals('mouse'))) {
-                return [model, []];
+                return [model, [], Option.none()];
             }
             return closePopover(model, closeWithoutFocusCommands);
         },
@@ -176,33 +196,35 @@ export const update = (model, message) => {
                 maybeLastButtonPointerType: () => Option.some(pointerType),
             });
             if (pointerType !== 'mouse' || button !== LEFT_MOUSE_BUTTON) {
-                return [withPointerType, []];
+                return [withPointerType, [], Option.none()];
             }
             if (model.isOpen) {
-                const [closed, commands] = closePopover(withPointerType, closeWithFocusCommands);
+                const [closed, commands, maybeOutMessage] = closePopover(withPointerType, closeWithFocusCommands);
                 return [
                     evo(closed, {
                         maybeLastButtonPointerType: () => Option.some(pointerType),
                     }),
                     commands,
+                    maybeOutMessage,
                 ];
             }
             return openPopover(withPointerType);
         },
         GotAnimationMessage: ({ message: animationMessage }) => delegateToAnimation(model, animationMessage),
-        CompletedFocusPanel: () => [model, []],
-        CompletedFocusButton: () => [model, []],
-        CompletedLockScroll: () => [model, []],
-        CompletedUnlockScroll: () => [model, []],
-        CompletedSetupInert: () => [model, []],
-        CompletedTeardownInert: () => [model, []],
+        CompletedFocusPanel: () => [model, [], Option.none()],
+        CompletedFocusButton: () => [model, [], Option.none()],
+        CompletedLockScroll: () => [model, [], Option.none()],
+        CompletedUnlockScroll: () => [model, [], Option.none()],
+        CompletedInertOthers: () => [model, [], Option.none()],
+        CompletedRestoreInert: () => [model, [], Option.none()],
         IgnoredMouseClick: () => [
             evo(model, { maybeLastButtonPointerType: () => Option.none() }),
             [],
+            Option.none(),
         ],
-        SuppressedSpaceScroll: () => [model, []],
-        CompletedAnchorPopover: () => [model, []],
-        CompletedPortalPopoverBackdrop: () => [model, []],
+        SuppressedSpaceScroll: () => [model, [], Option.none()],
+        CompletedAnchorPopover: () => [model, [], Option.none()],
+        CompletedPortalPopoverBackdrop: () => [model, [], Option.none()],
     }));
 };
 /** The anchor-positioning Mount this Popover renders on its panel. Exposed so
@@ -230,17 +252,16 @@ export const PortalPopoverBackdrop = Mount.define('PortalPopoverBackdrop', Compl
     return CompletedPortalPopoverBackdrop();
 }));
 /** Programmatically opens the popover, updating the model and returning
- *  focus and modal commands. Use this in domain-event handlers when the popover uses `onOpened`. */
-export const open = (model) => update(model, Opened());
+ *  focus and modal commands plus an `Opened` OutMessage. */
+export const open = (model) => update(model, RequestedOpen());
 /** Programmatically closes the popover, updating the model and returning
- *  focus and modal commands. Use this in domain-event handlers when the popover uses `onClosed`. */
-export const close = (model) => update(model, Closed());
-/** Renders a headless popover with a trigger button and a floating panel. Uses the disclosure ARIA pattern (aria-expanded + aria-controls) with no role on the panel. */
-export const view = (config) => {
+ *  focus and modal commands plus a `Closed` OutMessage when it was open. */
+export const close = (model) => update(model, RequestedClose());
+/** Renders a headless popover with a trigger button and a floating panel. */
+export const view = defineView((model, viewInputs) => {
     const h = html();
-    const { model: { id, isOpen, contentFocus, animation: { transitionState }, maybeLastButtonPointerType, }, toParentMessage, onOpened, onClosed, anchor, buttonContent, buttonClassName, buttonAttributes = [], panelContent, panelClassName, panelAttributes = [], backdropClassName, backdropAttributes = [], isDisabled, focusSelector, className, attributes = [], } = config;
-    const dispatchOpened = () => onOpened ? onOpened() : toParentMessage(Opened());
-    const dispatchClosed = () => onClosed ? onClosed() : toParentMessage(Closed());
+    const { id, isOpen, contentFocus, animation: { transitionState }, maybeLastButtonPointerType, } = model;
+    const { anchor, toView, isDisabled, focusSelector } = viewInputs;
     const isLeaving = transitionState === 'LeaveStart' || transitionState === 'LeaveAnimating';
     const isVisible = isOpen || isLeaving;
     const animationAttributes = M.value(transitionState).pipe(M.when('EnterStart', () => [
@@ -258,26 +279,23 @@ export const view = (config) => {
         h.DataAttribute('leave', ''),
         h.DataAttribute('transition', ''),
     ]), M.orElse(() => []));
-    const handleButtonKeyDown = (key) => M.value(key).pipe(M.whenOr('Enter', ' ', 'ArrowDown', () => Option.some(isOpen ? dispatchClosed() : dispatchOpened())), M.when('Escape', () => OptionExt.when(isOpen, dispatchClosed())), M.orElse(() => Option.none()));
-    const handleButtonPointerDown = (pointerType, button) => Option.some(toParentMessage(PressedPointerOnButton({
-        pointerType,
-        button,
-    })));
+    const handleButtonKeyDown = (key) => M.value(key).pipe(M.whenOr('Enter', ' ', 'ArrowDown', () => Option.some(isOpen ? RequestedClose() : RequestedOpen())), M.when('Escape', () => OptionExt.when(isOpen, RequestedClose())), M.orElse(() => Option.none()));
+    const handleButtonPointerDown = (pointerType, button) => Option.some(PressedPointerOnButton({ pointerType, button }));
     const handleButtonClick = () => {
         const isMouse = Option.exists(maybeLastButtonPointerType, type => type === 'mouse');
         if (isMouse) {
-            return toParentMessage(IgnoredMouseClick());
+            return IgnoredMouseClick();
         }
         else if (isOpen) {
-            return dispatchClosed();
+            return RequestedClose();
         }
         else {
-            return dispatchOpened();
+            return RequestedOpen();
         }
     };
-    const handleSpaceKeyUp = (key) => OptionExt.when(key === ' ', toParentMessage(SuppressedSpaceScroll()));
-    const handlePanelKeyDown = (key) => M.value(key).pipe(M.when('Escape', () => Option.some(dispatchClosed())), M.orElse(() => Option.none()));
-    const resolvedButtonAttributes = [
+    const handleSpaceKeyUp = (key) => OptionExt.when(key === ' ', SuppressedSpaceScroll());
+    const handlePanelKeyDown = (key) => M.value(key).pipe(M.when('Escape', () => Option.some(RequestedClose())), M.orElse(() => Option.none()));
+    const buttonAttributes = [
         h.Id(`${id}-button`),
         h.Type('button'),
         h.AriaExpanded(isVisible),
@@ -296,63 +314,32 @@ export const view = (config) => {
                 h.Style({ position: 'relative', zIndex: '1' }),
             ]
             : []),
-        ...(buttonClassName ? [h.Class(buttonClassName)] : []),
-        ...buttonAttributes,
     ];
-    const anchorPopover = Mount.mapMessage(AnchorPopover({
-        buttonId: `${id}-button`,
-        anchor,
-        ...(focusSelector !== undefined && { focusSelector }),
-    }), toParentMessage);
-    const anchorAttributes = [
-        h.Style({ position: 'absolute', margin: '0', visibility: 'hidden' }),
-        h.OnMount(anchorPopover),
-    ];
-    const resolvedPanelAttributes = [
+    const panelAttributes = [
         h.Id(`${id}-panel`),
         ...(contentFocus ? [] : [h.Tabindex(0)]),
-        ...anchorAttributes,
+        h.Style({ position: 'absolute', margin: '0', visibility: 'hidden' }),
+        h.OnMount(AnchorPopover({
+            buttonId: `${id}-button`,
+            anchor,
+            ...(focusSelector !== undefined && { focusSelector }),
+        })),
         ...animationAttributes,
         ...(isLeaving
             ? []
             : [
                 h.OnKeyDownPreventDefault(handlePanelKeyDown),
-                ...(contentFocus ? [] : [h.OnBlur(toParentMessage(BlurredPanel()))]),
+                ...(contentFocus ? [] : [h.OnBlur(BlurredPanel())]),
             ]),
-        ...(panelClassName ? [h.Class(panelClassName)] : []),
-        ...panelAttributes,
     ];
-    const backdrop = h.keyed('div')(`${id}-backdrop`, [
-        h.OnMount(Mount.mapMessage(PortalPopoverBackdrop(), toParentMessage)),
-        ...(isLeaving ? [] : [h.OnClick(dispatchClosed())]),
-        ...(backdropClassName ? [h.Class(backdropClassName)] : []),
-        ...backdropAttributes,
-    ], []);
-    const visibleContent = [
-        backdrop,
-        h.keyed('div')(`${id}-panel-container`, resolvedPanelAttributes, [
-            panelContent,
-        ]),
+    const backdropAttributes = [
+        h.OnMount(PortalPopoverBackdrop()),
+        ...(isLeaving ? [] : [h.OnClick(RequestedClose())]),
     ];
-    const wrapperAttributes = [
-        ...(className ? [h.Class(className)] : []),
-        ...attributes,
-        ...(isVisible ? [h.DataAttribute('open', '')] : []),
-    ];
-    return h.div(wrapperAttributes, [
-        h.keyed('button')(`${id}-button`, resolvedButtonAttributes, [
-            buttonContent,
-        ]),
-        ...(isVisible ? visibleContent : []),
-    ]);
-};
-/** Creates a memoized popover view. Static config is captured in a closure;
- *  only `model` and `toParentMessage` are compared per render via `createLazy`. */
-export const lazy = (staticConfig) => {
-    const lazyView = createLazy();
-    return (model, toParentMessage) => lazyView((currentModel, currentToParentMessage) => view({
-        ...staticConfig,
-        model: currentModel,
-        toParentMessage: currentToParentMessage,
-    }), [model, toParentMessage]);
-};
+    return toView({
+        button: childAttributes(buttonAttributes),
+        panel: childAttributes(panelAttributes),
+        backdrop: childAttributes(backdropAttributes),
+        isVisible,
+    });
+});

package/dist/ui/popover/public.d.ts

@@ -1,4 +1,4 @@
-export { init, update, open, close, view, lazy, Model, Message, Opened, Closed, CompletedFocusPanel, CompletedFocusButton, CompletedLockScroll, CompletedUnlockScroll, CompletedSetupInert, CompletedTeardownInert, CompletedAnchorPopover, CompletedPortalPopoverBackdrop, AnchorPopover, PortalPopoverBackdrop, GotAnimationMessage, LockScroll, UnlockScroll, InertOthers, RestoreInert, FocusPanel, FocusButton, DetectMovementOrAnimationEnd, } from './index.js';
-export type { BlurredPanel, PressedPointerOnButton, IgnoredMouseClick, SuppressedSpaceScroll, InitConfig, ViewConfig, } from './index.js';
+export { init, update, open, close, view, Model, Message, OutMessage, Opened, Closed, RequestedOpen, RequestedClose, CompletedFocusPanel, CompletedFocusButton, CompletedLockScroll, CompletedUnlockScroll, CompletedInertOthers, CompletedRestoreInert, CompletedAnchorPopover, CompletedPortalPopoverBackdrop, AnchorPopover, PortalPopoverBackdrop, GotAnimationMessage, LockScroll, UnlockScroll, InertOthers, RestoreInert, FocusPanel, FocusButton, DetectMovementOrAnimationEnd, } from './index.js';
+export type { BlurredPanel, PressedPointerOnButton, IgnoredMouseClick, SuppressedSpaceScroll, InitConfig, ViewInputs, RenderInfo, } from './index.js';
 export type { AnchorConfig } from '../anchor.js';
 //# sourceMappingURL=public.d.ts.map

package/dist/ui/popover/public.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/popover/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,EACtB,8BAA8B,EAC9B,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,UAAU,EACV,WAAW,EACX,4BAA4B,GAC7B,MAAM,YAAY,CAAA;AAEnB,YAAY,EACV,YAAY,EACZ,sBAAsB,EACtB,iBAAiB,EACjB,qBAAqB,EACrB,UAAU,EACV,UAAU,GACX,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/popover/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,MAAM,EACN,MAAM,EACN,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,8BAA8B,EAC9B,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,UAAU,EACV,WAAW,EACX,4BAA4B,GAC7B,MAAM,YAAY,CAAA;AAEnB,YAAY,EACV,YAAY,EACZ,sBAAsB,EACtB,iBAAiB,EACjB,qBAAqB,EACrB,UAAU,EACV,UAAU,EACV,UAAU,GACX,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA"}

package/dist/ui/popover/public.js

@@ -1 +1 @@
-export { init, update, open, close, view, lazy, Model, Message, Opened, Closed, CompletedFocusPanel, CompletedFocusButton, CompletedLockScroll, CompletedUnlockScroll, CompletedSetupInert, CompletedTeardownInert, CompletedAnchorPopover, CompletedPortalPopoverBackdrop, AnchorPopover, PortalPopoverBackdrop, GotAnimationMessage, LockScroll, UnlockScroll, InertOthers, RestoreInert, FocusPanel, FocusButton, DetectMovementOrAnimationEnd, } from './index.js';
+export { init, update, open, close, view, Model, Message, OutMessage, Opened, Closed, RequestedOpen, RequestedClose, CompletedFocusPanel, CompletedFocusButton, CompletedLockScroll, CompletedUnlockScroll, CompletedInertOthers, CompletedRestoreInert, CompletedAnchorPopover, CompletedPortalPopoverBackdrop, AnchorPopover, PortalPopoverBackdrop, GotAnimationMessage, LockScroll, UnlockScroll, InertOthers, RestoreInert, FocusPanel, FocusButton, DetectMovementOrAnimationEnd, } from './index.js';