foldkit 0.82.8 → 0.83.0

package/dist/task/dom.d.ts

@@ -1,7 +1,17 @@
 import { Effect } from 'effect';
 import { ElementNotFound } from './error.js';
 /**
- * Focuses an element matching the given selector.
+ * Focuses an element matching the given selector after the next render has
+ * committed.
+ *
+ * For focus that should happen because an element just appeared (an input
+ * mounting, a dialog opening), prefer `OnMount` with a `Mount.define`'d
+ * action — focus is then a consequence of the element's lifecycle and runs
+ * synchronously inside the snabbdom insert hook with no race window.
+ * Reserve `Task.focus` for the post-Message case (returning focus to a
+ * trigger button after a popover closes, refocusing on blur, keyboard
+ * navigation across a stable layout).
+ *
  * Fails with `ElementNotFound` if the selector does not match an `HTMLElement`.
  *
  * @example

package/dist/task/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/task/dom.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EAMP,MAAM,QAAQ,CAAA;AAEf,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAmB5C;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,GAAI,UAAU,MAAM,KAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,eAAe,CAQxE,CAAA;AAEJ;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS,GACpB,UAAU,MAAM,EAChB,UAAU,QAAQ,CAAC;IAAE,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,KAC7C,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,eAAe,CAgDlC,CAAA;AAuBJ;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,GACrB,UAAU,MAAM,KACf,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,eAAe,CAclC,CAAA;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,GACvB,UAAU,MAAM,KACf,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,eAAe,CAQlC,CAAA;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GACzB,UAAU,MAAM,KACf,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,eAAe,CAQlC,CAAA;AAEJ,0EAA0E;AAC1E,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,UAAU,CAAA;AAEhD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,GACvB,UAAU,MAAM,EAChB,WAAW,cAAc,KACxB,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,eAAe,CAqClC,CAAA"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/task/dom.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EAMP,MAAM,QAAQ,CAAA;AAEf,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAsC5C;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,KAAK,GAAI,UAAU,MAAM,KAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,eAAe,CAKxE,CAAA;AAEJ;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS,GACpB,UAAU,MAAM,EAChB,UAAU,QAAQ,CAAC;IAAE,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,KAC7C,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,eAAe,CAgDlC,CAAA;AAuBJ;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,GACrB,UAAU,MAAM,KACf,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,eAAe,CAclC,CAAA;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,GACvB,UAAU,MAAM,KACf,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,eAAe,CAKlC,CAAA;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GACzB,UAAU,MAAM,KACf,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,eAAe,CAKlC,CAAA;AAEJ,0EAA0E;AAC1E,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,UAAU,CAAA;AAEhD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,GACvB,UAAU,MAAM,EAChB,WAAW,cAAc,KACxB,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,eAAe,CAiClC,CAAA"}

package/dist/task/dom.js

@@ -11,8 +11,32 @@ const FOCUSABLE_SELECTOR = Array.join([
     'textarea:not([disabled]):not([tabindex="-1"])',
     '[tabindex]:not([tabindex="-1"])',
 ], ', ');
+// NOTE: DOM tasks await one rAF before walking the tree. The runtime defers
+// renders to the next animation frame and forks Commands on the microtask
+// queue, so without this wait a Task that runs immediately after a dirtying
+// Message would query the DOM before the matching VDOM patch has committed.
+const awaitNextFrame = Effect.callback(resume => {
+    const handle = requestAnimationFrame(() => resume(Effect.void));
+    return Effect.sync(() => cancelAnimationFrame(handle));
+});
+const queryHTMLElement = (selector) => Effect.suspend(() => {
+    const element = document.querySelector(selector);
+    return element instanceof HTMLElement
+        ? Effect.succeed(element)
+        : Effect.fail(new ElementNotFound({ selector }));
+});
 /**
- * Focuses an element matching the given selector.
+ * Focuses an element matching the given selector after the next render has
+ * committed.
+ *
+ * For focus that should happen because an element just appeared (an input
+ * mounting, a dialog opening), prefer `OnMount` with a `Mount.define`'d
+ * action — focus is then a consequence of the element's lifecycle and runs
+ * synchronously inside the snabbdom insert hook with no race window.
+ * Reserve `Task.focus` for the post-Message case (returning focus to a
+ * trigger button after a popover closes, refocusing on blur, keyboard
+ * navigation across a stable layout).
+ *
  * Fails with `ElementNotFound` if the selector does not match an `HTMLElement`.
  *
  * @example
@@ -20,13 +44,10 @@ const FOCUSABLE_SELECTOR = Array.join([
  * Task.focus('#email-input').pipe(Effect.ignore, Effect.as(CompletedFocusInput()))
  * ```
  */
-export const focus = (selector) => Effect.suspend(() => {
-    const element = document.querySelector(selector);
-    if (element instanceof HTMLElement) {
-        element.focus();
-        return Effect.void;
-    }
-    return Effect.fail(new ElementNotFound({ selector }));
+export const focus = (selector) => Effect.gen(function* () {
+    yield* awaitNextFrame;
+    const element = yield* queryHTMLElement(selector);
+    element.focus();
 });
 /**
  * Opens a dialog element using `show()` with high z-index, focus trapping,
@@ -43,10 +64,11 @@ export const focus = (selector) => Effect.suspend(() => {
  * Task.showModal('#my-dialog', { focusSelector: '#search-input' }).pipe(Effect.ignore, Effect.as(CompletedShowDialog()))
  * ```
  */
-export const showModal = (selector, options) => Effect.suspend(() => {
+export const showModal = (selector, options) => Effect.gen(function* () {
+    yield* awaitNextFrame;
     const element = document.querySelector(selector);
     if (!(element instanceof HTMLDialogElement)) {
-        return Effect.fail(new ElementNotFound({ selector }));
+        return yield* Effect.fail(new ElementNotFound({ selector }));
     }
     element.style.position = 'fixed';
     element.style.inset = '0';
@@ -75,7 +97,6 @@ export const showModal = (selector, options) => Effect.suspend(() => {
             focusTarget.focus();
         }
     }
-    return Effect.void;
 });
 const trapFocusWithinDialog = (event, dialog) => {
     const focusable = Array.fromIterable(dialog.querySelectorAll(FOCUSABLE_SELECTOR));
@@ -125,13 +146,10 @@ export const closeModal = (selector) => Effect.suspend(() => {
  * Task.clickElement('#menu-item-2').pipe(Effect.ignore, Effect.as(CompletedClickItem()))
  * ```
  */
-export const clickElement = (selector) => Effect.suspend(() => {
-    const element = document.querySelector(selector);
-    if (element instanceof HTMLElement) {
-        element.click();
-        return Effect.void;
-    }
-    return Effect.fail(new ElementNotFound({ selector }));
+export const clickElement = (selector) => Effect.gen(function* () {
+    yield* awaitNextFrame;
+    const element = yield* queryHTMLElement(selector);
+    element.click();
 });
 /**
  * Scrolls an element into view by selector using `{ block: 'nearest' }`.
@@ -142,13 +160,10 @@ export const clickElement = (selector) => Effect.suspend(() => {
  * Task.scrollIntoView('#active-item').pipe(Effect.ignore, Effect.as(CompletedScrollIntoView()))
  * ```
  */
-export const scrollIntoView = (selector) => Effect.suspend(() => {
-    const element = document.querySelector(selector);
-    if (element instanceof HTMLElement) {
-        element.scrollIntoView({ block: 'nearest' });
-        return Effect.void;
-    }
-    return Effect.fail(new ElementNotFound({ selector }));
+export const scrollIntoView = (selector) => Effect.gen(function* () {
+    yield* awaitNextFrame;
+    const element = yield* queryHTMLElement(selector);
+    element.scrollIntoView({ block: 'nearest' });
 });
 /**
  * Focuses the next or previous focusable element in the document relative to the element matching the given selector.
@@ -159,20 +174,17 @@ export const scrollIntoView = (selector) => Effect.suspend(() => {
  * Task.advanceFocus('#menu-button', 'Next').pipe(Effect.ignore, Effect.as(CompletedAdvanceFocus()))
  * ```
  */
-export const advanceFocus = (selector, direction) => Effect.suspend(() => {
-    const reference = document.querySelector(selector);
-    if (!(reference instanceof HTMLElement)) {
-        return Effect.fail(new ElementNotFound({ selector }));
-    }
+export const advanceFocus = (selector, direction) => Effect.gen(function* () {
+    yield* awaitNextFrame;
+    const reference = yield* queryHTMLElement(selector);
     const focusableElements = Array.fromIterable(document.querySelectorAll(FOCUSABLE_SELECTOR));
     const referenceElementIndex = Array.findFirstIndex(focusableElements, Equal.equals(reference));
     if (Option.isNone(referenceElementIndex)) {
-        return Effect.fail(new ElementNotFound({ selector }));
+        return yield* Effect.fail(new ElementNotFound({ selector }));
     }
     const offsetReferenceElementIndex = M.value(direction).pipe(M.when('Next', () => Number.increment), M.when('Previous', () => Number.decrement), M.exhaustive)(referenceElementIndex.value);
     const nextElement = Array.get(focusableElements, offsetReferenceElementIndex);
     if (Option.isSome(nextElement)) {
         nextElement.value.focus();
     }
-    return Effect.void;
 });

package/dist/ui/anchor.d.ts

@@ -7,6 +7,12 @@ export type AnchorConfig = Readonly<{
     padding?: number;
     portal?: boolean;
 }>;
+/** Relocates an element into the shared `foldkit-portal-root` div appended to
+ *  `document.body`, escaping any ancestor stacking context. Returns a cleanup
+ *  function that removes the element from the portal root. Designed to be
+ *  called from inside an `OnMount` action: the consumer wraps the call in
+ *  `Effect.sync` and stashes the returned cleanup in the `Mount` result. */
+export declare const portalToBody: (element: Element) => (() => void);
 /** Positions a floating element relative to its button using Floating UI, then
  *  returns a cleanup function. Designed to be called inside an `OnMount`
  *  action: the consumer wraps the call in `Effect.sync` and stashes the

package/dist/ui/anchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"anchor.d.ts","sourceRoot":"","sources":["../../src/ui/anchor.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEjD,oGAAoG;AACpG,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAiBF;;;;;;;;;;2DAU2D;AAC3D,eAAO,MAAM,WAAW,GACrB,QAAQ;IACP,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,YAAY,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,MACA,OAAO,OAAO,KAAG,CAAC,MAAM,IAAI,CAgG5B,CAAA"}
+{"version":3,"file":"anchor.d.ts","sourceRoot":"","sources":["../../src/ui/anchor.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEjD,oGAAoG;AACpG,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAwBF;;;;4EAI4E;AAC5E,eAAO,MAAM,YAAY,GAAI,SAAS,OAAO,KAAG,CAAC,MAAM,IAAI,CAW1D,CAAA;AAED;;;;;;;;;;2DAU2D;AAC3D,eAAO,MAAM,WAAW,GACrB,QAAQ;IACP,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,YAAY,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,MACA,OAAO,OAAO,KAAG,CAAC,MAAM,IAAI,CAiF5B,CAAA"}

package/dist/ui/anchor.js

@@ -7,7 +7,32 @@ const getOrCreatePortalRoot = () => {
     }
     const root = document.createElement('div');
     root.id = PORTAL_ROOT_ID;
-    return document.body.appendChild(root);
+    // NOTE: prepended (not appended) so portaled overlays sit BEFORE the page's
+    // listbox/popover/menu wrappers in tree order. Those wrappers are
+    // `position: relative; z-index: auto` and paint at CSS step 8 in tree order;
+    // a backdrop appended after them would paint on top of every button on the
+    // page, breaking click-outside detection. Prepending makes wrappers paint
+    // above the backdrop, while panels (z-10) still win via step 9.
+    document.body.insertBefore(root, document.body.firstChild);
+    return root;
+};
+/** Relocates an element into the shared `foldkit-portal-root` div appended to
+ *  `document.body`, escaping any ancestor stacking context. Returns a cleanup
+ *  function that removes the element from the portal root. Designed to be
+ *  called from inside an `OnMount` action: the consumer wraps the call in
+ *  `Effect.sync` and stashes the returned cleanup in the `Mount` result. */
+export const portalToBody = (element) => {
+    getOrCreatePortalRoot().appendChild(element);
+    return () => {
+        try {
+            element.remove();
+        }
+        catch {
+            // NOTE: a re-render may unmount the element before this cleanup fires,
+            // so the remove() call can throw on a node that's already been removed.
+            // Swallow the error.
+        }
+    };
 };
 /** Positions a floating element relative to its button using Floating UI, then
  *  returns a cleanup function. Designed to be called inside an `OnMount`
@@ -26,9 +51,7 @@ export const anchorSetup = (config) => (items) => {
         return () => { };
     }
     const isPortal = config.anchor.portal ?? true;
-    if (isPortal) {
-        getOrCreatePortalRoot().appendChild(items);
-    }
+    const portalCleanup = isPortal ? portalToBody(items) : undefined;
     const { placement, gap, offset: crossAxis, padding } = config.anchor;
     const shouldInterceptTab = config.interceptTab ?? true;
     let isFirstUpdate = true;
@@ -72,18 +95,6 @@ export const anchorSetup = (config) => (items) => {
             }
         });
     });
-    const portalCleanup = isPortal
-        ? () => {
-            try {
-                items.remove();
-            }
-            catch {
-                // NOTE: a blur-triggered re-render may unmount the items element
-                // before this cleanup runs, so the remove() call can throw on a
-                // node that's already been removed. Swallow the error.
-            }
-        }
-        : undefined;
     if (isPortal && shouldInterceptTab) {
         const handleTabKey = (event) => {
             if (event instanceof KeyboardEvent && event.key === 'Tab') {

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

@@ -5,11 +5,11 @@ export type { InitConfig } from './schema.js';
 export { AdvancedAnimationFrame, EndedAnimation, Hid, init, Message, Model, OutMessage, Showed, StartedLeaveAnimating, TransitionState, TransitionedOut, };
 export { RequestFrame, WaitForAnimationSettled, defaultLeaveCommand, update };
 /** Configuration for rendering an animation with `view`. */
-export type ViewConfig<Message> = Readonly<{
+export type ViewConfig<ParentMessage> = Readonly<{
     model: Model;
     content: Html;
     className?: string;
-    attributes?: ReadonlyArray<Attribute<Message>>;
+    attributes?: ReadonlyArray<Attribute<ParentMessage>>;
     element?: TagName;
     /** When true, wraps content in a CSS grid container that smoothly animates
      *  height via `grid-template-rows: 0fr → 1fr`. The element stays in the DOM
@@ -25,9 +25,9 @@ export type ViewConfig<Message> = Readonly<{
  *  - `data-leave` — leave animation is active
  *  - `data-transition` — any animation is active
  */
-export declare const view: <Message>(config: ViewConfig<Message>) => Html;
+export declare const view: <ParentMessage>(config: ViewConfig<ParentMessage>) => Html;
 /** Creates a memoized animation view. Static config (className, element, etc.)
  *  is captured in a closure. Dynamic fields — `model` and `content` — are
  *  compared by reference per render via `createLazy`. */
-export declare const lazy: <Message>(staticConfig: Omit<ViewConfig<Message>, "model" | "content">) => ((model: Model, content: Html) => Html);
+export declare const lazy: <ParentMessage>(staticConfig: Omit<ViewConfig<ParentMessage>, "model" | "content">) => ((model: Model, content: Html) => Html);
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/animation/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,OAAO,EAGb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,sBAAsB,EACtB,cAAc,EACd,GAAG,EACH,OAAO,EACP,KAAK,EACL,UAAU,EACV,MAAM,EACN,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,IAAI,EACL,MAAM,aAAa,CAAA;AACpB,OAAO,EACL,YAAY,EACZ,uBAAuB,EACvB,mBAAmB,EACnB,MAAM,EACP,MAAM,aAAa,CAAA;AAEpB,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EACL,sBAAsB,EACtB,cAAc,EACd,GAAG,EACH,IAAI,EACJ,OAAO,EACP,KAAK,EACL,UAAU,EACV,MAAM,EACN,qBAAqB,EACrB,eAAe,EACf,eAAe,GAChB,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,EAAE,CAAA;AAI7E,4DAA4D;AAC5D,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,KAAK,EAAE,KAAK,CAAA;IACZ,OAAO,EAAE,IAAI,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;2EAEuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC,CAAA;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI,GAAI,OAAO,EAAE,QAAQ,UAAU,CAAC,OAAO,CAAC,KAAG,IA+F3D,CAAA;AAED;;yDAEyD;AACzD,eAAO,MAAM,IAAI,GAAI,OAAO,EAC1B,cAAc,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,KAC3D,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAaxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/animation/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,OAAO,EAGb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,sBAAsB,EACtB,cAAc,EACd,GAAG,EACH,OAAO,EACP,KAAK,EACL,UAAU,EACV,MAAM,EACN,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,IAAI,EACL,MAAM,aAAa,CAAA;AACpB,OAAO,EACL,YAAY,EACZ,uBAAuB,EACvB,mBAAmB,EACnB,MAAM,EACP,MAAM,aAAa,CAAA;AAEpB,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EACL,sBAAsB,EACtB,cAAc,EACd,GAAG,EACH,IAAI,EACJ,OAAO,EACP,KAAK,EACL,UAAU,EACV,MAAM,EACN,qBAAqB,EACrB,eAAe,EACf,eAAe,GAChB,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,EAAE,CAAA;AAI7E,4DAA4D;AAC5D,MAAM,MAAM,UAAU,CAAC,aAAa,IAAI,QAAQ,CAAC;IAC/C,KAAK,EAAE,KAAK,CAAA;IACZ,OAAO,EAAE,IAAI,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IACpD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;2EAEuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC,CAAA;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI,GAAI,aAAa,EAChC,QAAQ,UAAU,CAAC,aAAa,CAAC,KAChC,IA+FF,CAAA;AAED;;yDAEyD;AACzD,eAAO,MAAM,IAAI,GAAI,aAAa,EAChC,cAAc,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,KACjE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAaxC,CAAA"}

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

@@ -1,17 +1,17 @@
 import type { Attribute } from '../../html/index.js';
 import type { Html } from '../../html/index.js';
 /** Attribute groups the button component provides to the consumer's `toView` callback. */
-export type ButtonAttributes<Message> = Readonly<{
-    button: ReadonlyArray<Attribute<Message>>;
+export type ButtonAttributes<ParentMessage> = Readonly<{
+    button: ReadonlyArray<Attribute<ParentMessage>>;
 }>;
 /** Configuration for rendering a button with `view`. */
-export type ViewConfig<Message> = Readonly<{
-    toView: (attributes: ButtonAttributes<Message>) => Html;
-    onClick?: Message;
+export type ViewConfig<ParentMessage> = Readonly<{
+    toView: (attributes: ButtonAttributes<ParentMessage>) => Html;
+    onClick?: ParentMessage;
     isDisabled?: boolean;
     type?: 'button' | 'submit' | 'reset';
     isAutofocus?: boolean;
 }>;
 /** Renders an accessible button by building attribute groups and delegating layout to the consumer's `toView` callback. */
-export declare const view: <Message>(config: ViewConfig<Message>) => Html;
+export declare const view: <ParentMessage>(config: ViewConfig<ParentMessage>) => Html;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/button/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAI/C,0FAA0F;AAC1F,MAAM,MAAM,gBAAgB,CAAC,OAAO,IAAI,QAAQ,CAAC;IAC/C,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;CAC1C,CAAC,CAAA;AAEF,wDAAwD;AACxD,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IACvD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC,CAAA;AAEF,2HAA2H;AAC3H,eAAO,MAAM,IAAI,GAAI,OAAO,EAAE,QAAQ,UAAU,CAAC,OAAO,CAAC,KAAG,IAgC3D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/button/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAI/C,0FAA0F;AAC1F,MAAM,MAAM,gBAAgB,CAAC,aAAa,IAAI,QAAQ,CAAC;IACrD,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;CAChD,CAAC,CAAA;AAEF,wDAAwD;AACxD,MAAM,MAAM,UAAU,CAAC,aAAa,IAAI,QAAQ,CAAC;IAC/C,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAC7D,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC,CAAA;AAEF,2HAA2H;AAC3H,eAAO,MAAM,IAAI,GAAI,aAAa,EAChC,QAAQ,UAAU,CAAC,aAAa,CAAC,KAChC,IAgCF,CAAA"}

package/dist/ui/calendar/index.js

@@ -828,9 +828,9 @@ export const view = (config) => config.toView(M.value(config.model.viewMode).pip
  *  only `model` and `toParentMessage` are compared per render via `createLazy`. */
 export const lazy = (staticConfig) => {
     const lazyView = createLazy();
-    return (model, toParentMessage) => lazyView((currentModel, currentToMessage) => view({
+    return (model, toParentMessage) => lazyView((currentModel, currentToParentMessage) => view({
         ...staticConfig,
         model: currentModel,
-        toParentMessage: currentToMessage,
+        toParentMessage: currentToParentMessage,
     }), [model, toParentMessage]);
 };

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

@@ -23,25 +23,25 @@ export declare const init: (config: InitConfig) => Model;
 /** Processes a checkbox message and returns the next model and commands. */
 export declare const update: (model: Model, _message: Message) => readonly [Model, ReadonlyArray<Command<Message>>];
 /** Attribute groups the checkbox component provides to the consumer's `toView` callback. */
-export type CheckboxAttributes<Message> = Readonly<{
-    checkbox: ReadonlyArray<Attribute<Message>>;
-    label: ReadonlyArray<Attribute<Message>>;
-    description: ReadonlyArray<Attribute<Message>>;
-    hiddenInput: ReadonlyArray<Attribute<Message>>;
+export type CheckboxAttributes<ParentMessage> = Readonly<{
+    checkbox: ReadonlyArray<Attribute<ParentMessage>>;
+    label: ReadonlyArray<Attribute<ParentMessage>>;
+    description: ReadonlyArray<Attribute<ParentMessage>>;
+    hiddenInput: ReadonlyArray<Attribute<ParentMessage>>;
 }>;
 /** Configuration for rendering a checkbox with `view`. */
-export type ViewConfig<Message> = Readonly<{
+export type ViewConfig<ParentMessage> = Readonly<{
     model: Model;
-    toParentMessage: (message: Toggled) => Message;
-    toView: (attributes: CheckboxAttributes<Message>) => Html;
+    toParentMessage: (message: Toggled) => ParentMessage;
+    toView: (attributes: CheckboxAttributes<ParentMessage>) => Html;
     isDisabled?: boolean;
     isIndeterminate?: boolean;
     name?: string;
     value?: string;
 }>;
 /** Renders an accessible checkbox by building ARIA attribute groups and delegating layout to the consumer's `toView` callback. */
-export declare const view: <Message>(config: ViewConfig<Message>) => Html;
+export declare const view: <ParentMessage>(config: ViewConfig<ParentMessage>) => Html;
 /** Creates a memoized checkbox view. Static config is captured in a closure;
  *  only `model` and `toParentMessage` are compared per render via `createLazy`. */
-export declare const lazy: <Message>(staticConfig: Omit<ViewConfig<Message>, "model" | "toParentMessage">) => ((model: Model, toParentMessage: ViewConfig<Message>["toParentMessage"]) => Html);
+export declare const lazy: <ParentMessage>(staticConfig: Omit<ViewConfig<ParentMessage>, "model" | "toParentMessage">) => ((model: Model, toParentMessage: ViewConfig<ParentMessage>["toParentMessage"]) => Html);
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAExD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EACL,KAAK,SAAS,EACd,KAAK,IAAI,EAGV,MAAM,qBAAqB,CAAA;AAM5B,8EAA8E;AAC9E,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,sEAAsE;AACtE,eAAO,MAAM,OAAO,qEAAe,CAAA;AAEnC,kEAAkE;AAClE,eAAO,MAAM,OAAO,qEAAU,CAAA;AAE9B,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAEzC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,+DAA+D;AAC/D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC,CAAA;AAEF,8EAA8E;AAC9E,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAIF,4EAA4E;AAC5E,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,UAAU,OAAO,KAChB,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAGlD,CAAA;AAID,4FAA4F;AAC5F,MAAM,MAAM,kBAAkB,CAAC,OAAO,IAAI,QAAQ,CAAC;IACjD,QAAQ,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAC3C,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACxC,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAC9C,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;CAC/C,CAAC,CAAA;AAEF,0DAA0D;AAC1D,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,KAAK,EAAE,KAAK,CAAA;IACZ,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAA;IAC9C,MAAM,EAAE,CAAC,UAAU,EAAE,kBAAkB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IACzD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC,CAAA;AAKF,kIAAkI;AAClI,eAAO,MAAM,IAAI,GAAI,OAAO,EAAE,QAAQ,UAAU,CAAC,OAAO,CAAC,KAAG,IA2E3D,CAAA;AAED;mFACmF;AACnF,eAAO,MAAM,IAAI,GAAI,OAAO,EAC1B,cAAc,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC,KACnE,CAAC,CACF,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,iBAAiB,CAAC,KACpD,IAAI,CAgBR,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAExD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EACL,KAAK,SAAS,EACd,KAAK,IAAI,EAGV,MAAM,qBAAqB,CAAA;AAM5B,8EAA8E;AAC9E,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,sEAAsE;AACtE,eAAO,MAAM,OAAO,qEAAe,CAAA;AAEnC,kEAAkE;AAClE,eAAO,MAAM,OAAO,qEAAU,CAAA;AAE9B,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAEzC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,+DAA+D;AAC/D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC,CAAA;AAEF,8EAA8E;AAC9E,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAIF,4EAA4E;AAC5E,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,UAAU,OAAO,KAChB,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAGlD,CAAA;AAID,4FAA4F;AAC5F,MAAM,MAAM,kBAAkB,CAAC,aAAa,IAAI,QAAQ,CAAC;IACvD,QAAQ,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IACjD,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAC9C,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IACpD,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;CACrD,CAAC,CAAA;AAEF,0DAA0D;AAC1D,MAAM,MAAM,UAAU,CAAC,aAAa,IAAI,QAAQ,CAAC;IAC/C,KAAK,EAAE,KAAK,CAAA;IACZ,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,aAAa,CAAA;IACpD,MAAM,EAAE,CAAC,UAAU,EAAE,kBAAkB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC,CAAA;AAKF,kIAAkI;AAClI,eAAO,MAAM,IAAI,GAAI,aAAa,EAChC,QAAQ,UAAU,CAAC,aAAa,CAAC,KAChC,IA2EF,CAAA;AAED;mFACmF;AACnF,eAAO,MAAM,IAAI,GAAI,aAAa,EAChC,cAAc,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC,KACzE,CAAC,CACF,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,KAC1D,IAAI,CAgBR,CAAA"}

package/dist/ui/checkbox/index.js

@@ -73,9 +73,9 @@ export const view = (config) => {
  *  only `model` and `toParentMessage` are compared per render via `createLazy`. */
 export const lazy = (staticConfig) => {
     const lazyView = createLazy();
-    return (model, toParentMessage) => lazyView((currentModel, currentToMessage) => view({
+    return (model, toParentMessage) => lazyView((currentModel, currentToParentMessage) => view({
         ...staticConfig,
         model: currentModel,
-        toParentMessage: currentToMessage,
+        toParentMessage: currentToParentMessage,
     }), [model, toParentMessage]);
 };

package/dist/ui/combobox/multi.d.ts

@@ -95,6 +95,8 @@ export declare const update: (model: {
         readonly _tag: "CompletedClickItem";
     } | {
         readonly _tag: "CompletedAnchorMount";
+    } | {
+        readonly _tag: "CompletedBackdropPortal";
     } | {
         readonly _tag: "Opened";
         readonly maybeActiveItemIndex: Option.Option<number>;
@@ -153,9 +155,9 @@ export declare const close: (model: Model) => readonly [Model, ReadonlyArray<Com
 /** Programmatically toggles an item in the multi-select combobox. Use this in domain-event handlers when the combobox uses `onSelectedItem`. */
 export declare const selectItem: (model: Model, item: string) => readonly [Model, ReadonlyArray<Command.Command<Message>>];
 /** Configuration for rendering a multi-select combobox with `view`. */
-export type ViewConfig<Message, Item extends string> = BaseViewConfig<Message, Item, Model>;
+export type ViewConfig<ParentMessage, Item extends string> = BaseViewConfig<ParentMessage, Item, Model>;
 /** Renders a headless multi-select combobox with keyboard navigation, selection tracking, and aria-activedescendant focus management. */
-export declare const view: <Message, Item extends string>(config: Readonly<{
+export declare const view: <ParentMessage, Item extends string>(config: Readonly<{
     model: {
         readonly id: string;
         readonly maybeActiveItemIndex: Option.Option<number>;
@@ -184,8 +186,10 @@ export declare const view: <Message, Item extends string>(config: Readonly<{
         readonly _tag: "CompletedAttachPreventBlur";
     } | {
         readonly _tag: "CompletedAttachSelectOnFocus";
-    }) => Message;
-    onSelectedItem?: (value: string) => Message;
+    } | {
+        readonly _tag: "CompletedBackdropPortal";
+    }) => ParentMessage;
+    onSelectedItem?: (value: string) => ParentMessage;
     items: readonly Item[];
     itemToConfig: (item: Item, context: Readonly<{
         isActive: boolean;
@@ -199,21 +203,21 @@ export declare const view: <Message, Item extends string>(config: Readonly<{
     itemToDisplayText: (item: Item, index: number) => string;
     isItemDisabled?: (item: Item, index: number) => boolean;
     inputClassName?: string;
-    inputAttributes?: readonly import("../../html/index.js").Attribute<Message>[];
+    inputAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
     inputPlaceholder?: string;
     inputWrapperClassName?: string;
-    inputWrapperAttributes?: readonly import("../../html/index.js").Attribute<Message>[];
+    inputWrapperAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
     itemsClassName?: string;
-    itemsAttributes?: readonly import("../../html/index.js").Attribute<Message>[];
+    itemsAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
     itemsScrollClassName?: string;
-    itemsScrollAttributes?: readonly import("../../html/index.js").Attribute<Message>[];
+    itemsScrollAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
     backdropClassName?: string;
-    backdropAttributes?: readonly import("../../html/index.js").Attribute<Message>[];
+    backdropAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
     className?: string;
-    attributes?: readonly import("../../html/index.js").Attribute<Message>[];
+    attributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
     buttonContent?: Html;
     buttonClassName?: string;
-    buttonAttributes?: readonly import("../../html/index.js").Attribute<Message>[];
+    buttonAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
     formName?: string;
     isDisabled?: boolean;
     isInvalid?: boolean;
@@ -224,9 +228,9 @@ export declare const view: <Message, Item extends string>(config: Readonly<{
         className?: string;
     }> | undefined;
     groupClassName?: string;
-    groupAttributes?: readonly import("../../html/index.js").Attribute<Message>[];
+    groupAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
     separatorClassName?: string;
-    separatorAttributes?: readonly import("../../html/index.js").Attribute<Message>[];
+    separatorAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
     anchor?: Readonly<{
         placement?: import("@floating-ui/dom").Placement;
         gap?: number;
@@ -237,5 +241,5 @@ export declare const view: <Message, Item extends string>(config: Readonly<{
 }>) => Html;
 /** Creates a memoized multi-select combobox view. Static config is captured in a closure;
  *  only `model` and `toParentMessage` are compared per render via `createLazy`. */
-export declare const lazy: <Message, Item extends string>(staticConfig: Omit<ViewConfig<Message, Item>, "model" | "toParentMessage" | "onSelectedItem">) => ((model: Model, toParentMessage: BaseViewConfig<Message, Item, Model>["toParentMessage"]) => Html);
+export declare const lazy: <ParentMessage, Item extends string>(staticConfig: Omit<ViewConfig<ParentMessage, Item>, "model" | "toParentMessage" | "onSelectedItem">) => ((model: Model, toParentMessage: BaseViewConfig<ParentMessage, Item, Model>["toParentMessage"]) => Html);
 //# sourceMappingURL=multi.d.ts.map

package/dist/ui/combobox/multi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multi.d.ts","sourceRoot":"","sources":["../../../src/ui/combobox/multi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEnD,OAAO,KAAK,KAAK,OAAO,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,qBAAqB,CAAA;AAE3D,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,MAAM,EACN,KAAK,OAAO,EACZ,MAAM,EACN,YAAY,EAKb,MAAM,aAAa,CAAA;AAIpB,yIAAyI;AACzI,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,8RAA8R;AAC9R,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,QAAQ,CAAC;IACP,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CACtC,CAAC,CAAA;AAEJ,2IAA2I;AAC3I,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAcF,yJAAyJ;AACzJ,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwBjB,CAAA;AAEF;wFACwF;AACxF,eAAO,MAAM,IAAI,GACf,OAAO,KAAK,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CACK,CAAA;AAEhE;yFACyF;AACzF,eAAO,MAAM,KAAK,GAChB,OAAO,KAAK,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAClC,CAAA;AAEzB,gJAAgJ;AAChJ,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,EACZ,MAAM,MAAM,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CACD,CAAA;AAI1D,uEAAuE;AACvE,MAAM,MAAM,UAAU,CAAC,OAAO,EAAE,IAAI,SAAS,MAAM,IAAI,cAAc,CACnE,OAAO,EACP,IAAI,EACJ,KAAK,CACN,CAAA;AAED,yIAAyI;AACzI,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAIf,CAAA;AAEF;mFACmF;AACnF,eAAO,MAAM,IAAI,GAAI,OAAO,EAAE,IAAI,SAAS,MAAM,EAC/C,cAAc,IAAI,CAChB,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,EACzB,OAAO,GAAG,iBAAiB,GAAG,gBAAgB,CAC/C,KACA,CAAC,CACF,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,iBAAiB,CAAC,KACrE,IAAI,CAoBR,CAAA"}
+{"version":3,"file":"multi.d.ts","sourceRoot":"","sources":["../../../src/ui/combobox/multi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEnD,OAAO,KAAK,KAAK,OAAO,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,qBAAqB,CAAA;AAE3D,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,MAAM,EACN,KAAK,OAAO,EACZ,MAAM,EACN,YAAY,EAKb,MAAM,aAAa,CAAA;AAIpB,yIAAyI;AACzI,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,8RAA8R;AAC9R,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,QAAQ,CAAC;IACP,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CACtC,CAAC,CAAA;AAEJ,2IAA2I;AAC3I,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAcF,yJAAyJ;AACzJ,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwBjB,CAAA;AAEF;wFACwF;AACxF,eAAO,MAAM,IAAI,GACf,OAAO,KAAK,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CACK,CAAA;AAEhE;yFACyF;AACzF,eAAO,MAAM,KAAK,GAChB,OAAO,KAAK,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAClC,CAAA;AAEzB,gJAAgJ;AAChJ,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,EACZ,MAAM,MAAM,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CACD,CAAA;AAI1D,uEAAuE;AACvE,MAAM,MAAM,UAAU,CAAC,aAAa,EAAE,IAAI,SAAS,MAAM,IAAI,cAAc,CACzE,aAAa,EACb,IAAI,EACJ,KAAK,CACN,CAAA;AAED,yIAAyI;AACzI,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAIf,CAAA;AAEF;mFACmF;AACnF,eAAO,MAAM,IAAI,GAAI,aAAa,EAAE,IAAI,SAAS,MAAM,EACrD,cAAc,IAAI,CAChB,UAAU,CAAC,aAAa,EAAE,IAAI,CAAC,EAC/B,OAAO,GAAG,iBAAiB,GAAG,gBAAgB,CAC/C,KACA,CAAC,CACF,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,cAAc,CAC7B,aAAa,EACb,IAAI,EACJ,KAAK,CACN,CAAC,iBAAiB,CAAC,KACjB,IAAI,CAoBR,CAAA"}

package/dist/ui/combobox/multi.js

@@ -56,9 +56,9 @@ export const view = makeView({
  *  only `model` and `toParentMessage` are compared per render via `createLazy`. */
 export const lazy = (staticConfig) => {
     const lazyView = createLazy();
-    return (model, toParentMessage) => lazyView((currentModel, currentToMessage) => view({
+    return (model, toParentMessage) => lazyView((currentModel, currentToParentMessage) => view({
         ...staticConfig,
         model: currentModel,
-        toParentMessage: currentToMessage,
+        toParentMessage: currentToParentMessage,
     }), [model, toParentMessage]);
 };

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

@@ -1,5 +1,5 @@
 export { init, update, open, close, selectItem, view, lazy, Model, } from './single.js';
-export { Message, SelectedItem, CompletedLockScroll, CompletedUnlockScroll, CompletedSetupInert, CompletedTeardownInert, CompletedFocusInput, CompletedScrollIntoView, CompletedClickItem, CompletedAnchorMount, CompletedAttachPreventBlur, CompletedAttachSelectOnFocus, GotAnimationMessage, LockScroll, UnlockScroll, InertOthers, RestoreInert, FocusInput, ScrollIntoView, ClickItem, DetectMovementOrAnimationEnd, } from './shared.js';
+export { Message, SelectedItem, CompletedLockScroll, CompletedUnlockScroll, CompletedSetupInert, CompletedTeardownInert, CompletedFocusInput, CompletedScrollIntoView, CompletedClickItem, CompletedAnchorMount, CompletedAttachPreventBlur, CompletedAttachSelectOnFocus, CompletedBackdropPortal, GotAnimationMessage, LockScroll, UnlockScroll, InertOthers, RestoreInert, FocusInput, ScrollIntoView, ClickItem, DetectMovementOrAnimationEnd, } from './shared.js';
 export type { ActivationTrigger, Opened, Closed, BlurredInput, ActivatedItem, DeactivatedItem, MovedPointerOverItem, RequestedItemClick, UpdatedInputValue, PressedToggleButton, ItemConfig, GroupHeading, } from './shared.js';
 export type { InitConfig, ViewConfig } from './single.js';
 export type { AnchorConfig } from '../anchor.js';

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

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/combobox/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,KAAK,GACN,MAAM,aAAa,CAAA;AAEpB,OAAO,EACL,OAAO,EACP,YAAY,EACZ,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,oBAAoB,EACpB,0BAA0B,EAC1B,4BAA4B,EAC5B,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,UAAU,EACV,cAAc,EACd,SAAS,EACT,4BAA4B,GAC7B,MAAM,aAAa,CAAA;AAEpB,YAAY,EACV,iBAAiB,EACjB,MAAM,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,YAAY,GACb,MAAM,aAAa,CAAA;AAEpB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAEzD,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAEhD,OAAO,KAAK,KAAK,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/combobox/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,KAAK,GACN,MAAM,aAAa,CAAA;AAEpB,OAAO,EACL,OAAO,EACP,YAAY,EACZ,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,oBAAoB,EACpB,0BAA0B,EAC1B,4BAA4B,EAC5B,uBAAuB,EACvB,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,UAAU,EACV,cAAc,EACd,SAAS,EACT,4BAA4B,GAC7B,MAAM,aAAa,CAAA;AAEpB,YAAY,EACV,iBAAiB,EACjB,MAAM,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,YAAY,GACb,MAAM,aAAa,CAAA;AAEpB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAEzD,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAEhD,OAAO,KAAK,KAAK,MAAM,kBAAkB,CAAA"}

package/dist/ui/combobox/public.js

@@ -1,3 +1,3 @@
 export { init, update, open, close, selectItem, view, lazy, Model, } from './single.js';
-export { Message, SelectedItem, CompletedLockScroll, CompletedUnlockScroll, CompletedSetupInert, CompletedTeardownInert, CompletedFocusInput, CompletedScrollIntoView, CompletedClickItem, CompletedAnchorMount, CompletedAttachPreventBlur, CompletedAttachSelectOnFocus, GotAnimationMessage, LockScroll, UnlockScroll, InertOthers, RestoreInert, FocusInput, ScrollIntoView, ClickItem, DetectMovementOrAnimationEnd, } from './shared.js';
+export { Message, SelectedItem, CompletedLockScroll, CompletedUnlockScroll, CompletedSetupInert, CompletedTeardownInert, CompletedFocusInput, CompletedScrollIntoView, CompletedClickItem, CompletedAnchorMount, CompletedAttachPreventBlur, CompletedAttachSelectOnFocus, CompletedBackdropPortal, GotAnimationMessage, LockScroll, UnlockScroll, InertOthers, RestoreInert, FocusInput, ScrollIntoView, ClickItem, DetectMovementOrAnimationEnd, } from './shared.js';
 export * as Multi from './multiPublic.js';

package/dist/ui/combobox/shared.d.ts

@@ -95,6 +95,8 @@ export declare const CompletedAnchorMount: import("../../schema/index.js").Calla
 export declare const CompletedAttachPreventBlur: import("../../schema/index.js").CallableTaggedStruct<"CompletedAttachPreventBlur", {}>;
 /** Sent when the input mounts and the focus listener that auto-selects on focus is attached. Update no-ops; surfaces the listener-attach side effect for DevTools. */
 export declare const CompletedAttachSelectOnFocus: import("../../schema/index.js").CallableTaggedStruct<"CompletedAttachSelectOnFocus", {}>;
+/** Sent when the combobox backdrop mounts and is portaled to the document body. Update no-ops; surfaces the portal side effect for DevTools. */
+export declare const CompletedBackdropPortal: import("../../schema/index.js").CallableTaggedStruct<"CompletedBackdropPortal", {}>;
 /** Wraps an Animation submodel message for delegation. */
 export declare const GotAnimationMessage: import("../../schema/index.js").CallableTaggedStruct<"GotAnimationMessage", {
     message: S.Union<[import("../../schema/index.js").CallableTaggedStruct<"Showed", {}>, import("../../schema/index.js").CallableTaggedStruct<"Hid", {}>, import("../../schema/index.js").CallableTaggedStruct<"AdvancedAnimationFrame", {}>, import("../../schema/index.js").CallableTaggedStruct<"EndedAnimation", {}>]>;
@@ -125,6 +127,7 @@ export declare const Message: S.Union<[
     typeof CompletedAnchorMount,
     typeof CompletedAttachPreventBlur,
     typeof CompletedAttachSelectOnFocus,
+    typeof CompletedBackdropPortal,
     typeof GotAnimationMessage,
     typeof UpdatedInputValue,
     typeof PressedToggleButton
@@ -226,6 +229,8 @@ export declare const makeUpdate: <Model extends BaseModel>(handlers: Readonly<{
         readonly _tag: "CompletedClickItem";
     } | {
         readonly _tag: "CompletedAnchorMount";
+    } | {
+        readonly _tag: "CompletedBackdropPortal";
     } | {
         readonly _tag: "Opened";
         readonly maybeActiveItemIndex: Option.Option<number>;
@@ -286,10 +291,10 @@ export type GroupHeading = Readonly<{
     className?: string;
 }>;
 /** Configuration for rendering a combobox with `view`. */
-export type BaseViewConfig<Message, Item extends string, Model extends BaseModel> = Readonly<{
+export type BaseViewConfig<ParentMessage, Item extends string, Model extends BaseModel> = Readonly<{
     model: Model;
-    toParentMessage: (message: Opened | Closed | BlurredInput | ActivatedItem | DeactivatedItem | SelectedItem | MovedPointerOverItem | RequestedItemClick | UpdatedInputValue | PressedToggleButton | typeof CompletedAnchorMount.Type | typeof CompletedAttachPreventBlur.Type | typeof CompletedAttachSelectOnFocus.Type) => Message;
-    onSelectedItem?: (value: string) => Message;
+    toParentMessage: (message: Opened | Closed | BlurredInput | ActivatedItem | DeactivatedItem | SelectedItem | MovedPointerOverItem | RequestedItemClick | UpdatedInputValue | PressedToggleButton | typeof CompletedAnchorMount.Type | typeof CompletedAttachPreventBlur.Type | typeof CompletedAttachSelectOnFocus.Type | typeof CompletedBackdropPortal.Type) => ParentMessage;
+    onSelectedItem?: (value: string) => ParentMessage;
     items: ReadonlyArray<Item>;
     itemToConfig: (item: Item, context: Readonly<{
         isActive: boolean;
@@ -300,21 +305,21 @@ export type BaseViewConfig<Message, Item extends string, Model extends BaseModel
     itemToDisplayText: (item: Item, index: number) => string;
     isItemDisabled?: (item: Item, index: number) => boolean;
     inputClassName?: string;
-    inputAttributes?: ReadonlyArray<Attribute<Message>>;
+    inputAttributes?: ReadonlyArray<Attribute<ParentMessage>>;
     inputPlaceholder?: string;
     inputWrapperClassName?: string;
-    inputWrapperAttributes?: ReadonlyArray<Attribute<Message>>;
+    inputWrapperAttributes?: ReadonlyArray<Attribute<ParentMessage>>;
     itemsClassName?: string;
-    itemsAttributes?: ReadonlyArray<Attribute<Message>>;
+    itemsAttributes?: ReadonlyArray<Attribute<ParentMessage>>;
     itemsScrollClassName?: string;
-    itemsScrollAttributes?: ReadonlyArray<Attribute<Message>>;
+    itemsScrollAttributes?: ReadonlyArray<Attribute<ParentMessage>>;
     backdropClassName?: string;
-    backdropAttributes?: ReadonlyArray<Attribute<Message>>;
+    backdropAttributes?: ReadonlyArray<Attribute<ParentMessage>>;
     className?: string;
-    attributes?: ReadonlyArray<Attribute<Message>>;
+    attributes?: ReadonlyArray<Attribute<ParentMessage>>;
     buttonContent?: Html;
     buttonClassName?: string;
-    buttonAttributes?: ReadonlyArray<Attribute<Message>>;
+    buttonAttributes?: ReadonlyArray<Attribute<ParentMessage>>;
     formName?: string;
     isDisabled?: boolean;
     isInvalid?: boolean;
@@ -322,9 +327,9 @@ export type BaseViewConfig<Message, Item extends string, Model extends BaseModel
     itemGroupKey?: (item: Item, index: number) => string;
     groupToHeading?: (groupKey: string) => GroupHeading | undefined;
     groupClassName?: string;
-    groupAttributes?: ReadonlyArray<Attribute<Message>>;
+    groupAttributes?: ReadonlyArray<Attribute<ParentMessage>>;
     separatorClassName?: string;
-    separatorAttributes?: ReadonlyArray<Attribute<Message>>;
+    separatorAttributes?: ReadonlyArray<Attribute<ParentMessage>>;
     anchor?: AnchorConfig;
 }>;
 /** Variant-specific view behavior injected into the shared combobox view factory. */
@@ -333,5 +338,5 @@ export type ViewBehavior<Model extends BaseModel> = Readonly<{
     ariaMultiSelectable: boolean;
 }>;
 /** Creates a combobox view function from variant-specific behavior. Shared rendering logic (input, items, transitions, keyboard navigation) is handled internally; only selection display varies by variant. */
-export declare const makeView: <Model extends BaseModel>(behavior: ViewBehavior<Model>) => <Message, Item extends string>(config: BaseViewConfig<Message, Item, Model>) => Html;
+export declare const makeView: <Model extends BaseModel>(behavior: ViewBehavior<Model>) => <ParentMessage, Item extends string>(config: BaseViewConfig<ParentMessage, Item, Model>) => Html;
 //# sourceMappingURL=shared.d.ts.map