@foldkit/ui 0.136.0 → 0.138.0

package/dist/anchor.d.ts

@@ -9,6 +9,7 @@ export declare const AnchorConfig: S.Struct<{
     readonly offset: S.optional<S.Number>;
     readonly padding: S.optional<S.Number>;
     readonly portal: S.optional<S.Boolean>;
+    readonly isPlacementLocked: S.optional<S.Boolean>;
 }>;
 export type AnchorConfig = typeof AnchorConfig.Type;
 /** Relocates an element into the shared `foldkit-portal-root` div within its
@@ -29,7 +30,12 @@ export declare const portalToContainingRoot: (element: Element) => (() => void);
  *  first position computation clears visibility, deferred via
  *  requestAnimationFrame so the element is painted before focus fires.
  *  `focusSelector` optionally targets a descendant (e.g. a calendar grid
- *  inside a popover panel) instead of the panel itself. */
+ *  inside a popover panel) instead of the panel itself.
+ *  The side the element currently sits on is written to `data-placement`, so
+ *  CSS can react to it. When `isPlacementLocked` is true, the element keeps the
+ *  side that the first positioning picks, `flip` is removed from every later
+ *  update, and `data-placement` holds that locked side. Otherwise the attribute
+ *  tracks the side each update resolves to, including the ones `flip` moves. */
 export declare const anchorSetup: (config: {
     buttonId: string;
     anchor: AnchorConfig;

package/dist/anchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"anchor.d.ts","sourceRoot":"","sources":["../src/anchor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAW9C;mFACmF;AACnF,eAAO,MAAM,SAAS,qKAapB,CAAA;AAEF,oGAAoG;AACpG,eAAO,MAAM,YAAY;;;;;;EAMvB,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC,IAAI,CAAA;AAkCnD;;;;;;0DAM0D;AAC1D,eAAO,MAAM,sBAAsB,GAAI,SAAS,OAAO,KAAG,CAAC,MAAM,IAAI,CAWpE,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,SAAS,OAAO,KAAG,CAAC,MAAM,IAAI,CAkG9B,CAAA"}
+{"version":3,"file":"anchor.d.ts","sourceRoot":"","sources":["../src/anchor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,MAAM,IAAI,CAAC,EAAgB,MAAM,QAAQ,CAAA;AAYnE;mFACmF;AACnF,eAAO,MAAM,SAAS,qKAapB,CAAA;AAEF,oGAAoG;AACpG,eAAO,MAAM,YAAY;;;;;;;EAOvB,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC,IAAI,CAAA;AAkCnD;;;;;;0DAM0D;AAC1D,eAAO,MAAM,sBAAsB,GAAI,SAAS,OAAO,KAAG,CAAC,MAAM,IAAI,CAWpE,CAAA;AAKD;;;;;;;;;;;;;;;gFAegF;AAChF,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,SAAS,OAAO,KAAG,CAAC,MAAM,IAAI,CAkK9B,CAAA"}

package/dist/anchor.js

@@ -1,5 +1,5 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
-import { Function, Schema as S } from 'effect';
+import { Array, Function, Schema as S, String, pipe } from 'effect';
 import { autoUpdate, computePosition, flip, offset as floatingOffset, shift, size, } from '@floating-ui/dom';
 /** Schema mirroring `@floating-ui/dom`'s `Placement` literal union: a side
  *  (`top`/`right`/`bottom`/`left`) optionally suffixed with `-start` or `-end`. */
@@ -24,6 +24,7 @@ export const AnchorConfig = S.Struct({
     offset: S.optional(S.Number),
     padding: S.optional(S.Number),
     portal: S.optional(S.Boolean),
+    isPlacementLocked: S.optional(S.Boolean),
 });
 const PORTAL_ROOT_ID = 'foldkit-portal-root';
 const getOrCreatePortalRoot = (element) => {
@@ -71,6 +72,7 @@ export const portalToContainingRoot = (element) => {
         }
     }), "@foldkit/ui/anchor.js#portalToContainingRoot");
 };
+const toSide = (placement) => __foldkitBrandViewResult((pipe(placement, String.split('-'), Array.headNonEmpty)), "@foldkit/ui/anchor.js#toSide");
 /** 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
@@ -81,7 +83,12 @@ export const portalToContainingRoot = (element) => {
  *  first position computation clears visibility, deferred via
  *  requestAnimationFrame so the element is painted before focus fires.
  *  `focusSelector` optionally targets a descendant (e.g. a calendar grid
- *  inside a popover panel) instead of the panel itself. */
+ *  inside a popover panel) instead of the panel itself.
+ *  The side the element currently sits on is written to `data-placement`, so
+ *  CSS can react to it. When `isPlacementLocked` is true, the element keeps the
+ *  side that the first positioning picks, `flip` is removed from every later
+ *  update, and `data-placement` holds that locked side. Otherwise the attribute
+ *  tracks the side each update resolves to, including the ones `flip` moves. */
 export const anchorSetup = (config) => __foldkitBrandViewResult(((element) => {
     // NOTE: resolve the button and any focus target within the element's own
     // root, which is a shadow root when the app is hosted in one (e.g. the
@@ -105,38 +112,69 @@ export const anchorSetup = (config) => __foldkitBrandViewResult(((element) => {
     if (inShadow) {
         element.style.position = 'fixed';
     }
-    const { placement, gap, offset: crossAxis, padding } = config.anchor;
+    const { placement, gap, offset: crossAxis, padding, isPlacementLocked, } = config.anchor;
     const shouldInterceptTab = config.interceptTab ?? true;
+    const isPlacementLockEnabled = isPlacementLocked ?? false;
     let isFirstUpdate = true;
-    const floatingCleanup = autoUpdate(button, element, () => {
+    let isActive = true;
+    let isPositioning = false;
+    let isPositioningQueued = false;
+    let lockedPlacement;
+    const positionElement = () => {
+        if (!isActive) {
+            return;
+        }
+        if (isPlacementLockEnabled && isPositioning) {
+            isPositioningQueued = true;
+            return;
+        }
+        if (isPlacementLockEnabled) {
+            isPositioning = true;
+        }
+        const isLocked = isPlacementLockEnabled && lockedPlacement !== undefined;
+        const requestedPlacement = lockedPlacement ?? placement ?? 'bottom-start';
         computePosition(button, element, {
-            placement: placement ?? 'bottom-start',
+            placement: requestedPlacement,
             strategy,
             middleware: [
                 floatingOffset({
                     mainAxis: gap ?? 0,
                     crossAxis: crossAxis ?? 0,
                 }),
-                flip({ padding: padding ?? 0 }),
+                ...(isLocked ? [] : [flip({ padding: padding ?? 0 })]),
                 shift({ padding: padding ?? 0 }),
                 size({
                     padding: padding ?? 0,
                     apply({ rects, availableHeight }) {
+                        if (!isActive) {
+                            return;
+                        }
                         element.style.setProperty('--button-width', `${rects.reference.width}px`);
-                        element.style.maxHeight = `${availableHeight}px`;
+                        element.style.maxHeight = `${Math.max(0, availableHeight)}px`;
                         element.style.overflowY = 'auto';
                         element.style.overscrollBehavior = 'none';
                     },
                 }),
             ],
-        }).then(({ x, y }) => {
+        })
+            .then(({ x, y, placement: resolvedPlacement }) => {
+            if (!isActive) {
+                return;
+            }
             element.style.left = `${x}px`;
             element.style.top = `${y}px`;
+            if (isPlacementLockEnabled) {
+                lockedPlacement = lockedPlacement ?? resolvedPlacement;
+            }
+            element.setAttribute('data-placement', toSide(lockedPlacement ?? resolvedPlacement));
             if (isFirstUpdate) {
                 isFirstUpdate = false;
                 element.style.visibility = '';
                 if (config.focusAfterPosition ?? false) {
                     requestAnimationFrame(() => {
+                        if (!isActive) {
+                            return;
+                        }
                         const target = config.focusSelector
                             ? owner.querySelector(config.focusSelector)
                             : element;
@@ -146,25 +184,35 @@ export const anchorSetup = (config) => __foldkitBrandViewResult(((element) => {
                     });
                 }
             }
-        });
-    });
-    if (isPortal && shouldInterceptTab) {
-        const handleTabKey = (event) => {
-            if (event instanceof KeyboardEvent && event.key === 'Tab') {
-                button.focus();
+        })
+            .finally(() => {
+            if (isPlacementLockEnabled) {
+                isPositioning = false;
             }
-        };
+            if (isActive && isPositioningQueued) {
+                isPositioningQueued = false;
+                positionElement();
+            }
+        });
+    };
+    const floatingCleanup = autoUpdate(button, element, positionElement);
+    const handleTabKey = (event) => {
+        if (event instanceof KeyboardEvent && event.key === 'Tab') {
+            button.focus();
+        }
+    };
+    const isTabIntercepted = isPortal && shouldInterceptTab;
+    if (isTabIntercepted) {
         element.addEventListener('keydown', handleTabKey);
-        return __foldkitBrandViewResult((() => {
-            floatingCleanup();
-            element.removeEventListener('keydown', handleTabKey);
-            portalCleanup?.();
-        }), "@foldkit/ui/anchor.js#anonymous~2");
-    }
-    else {
-        return __foldkitBrandViewResult((() => {
-            floatingCleanup();
-            portalCleanup?.();
-        }), "@foldkit/ui/anchor.js#anonymous~2");
     }
+    return __foldkitBrandViewResult((() => {
+        isActive = false;
+        isPositioningQueued = false;
+        floatingCleanup();
+        if (isTabIntercepted) {
+            element.removeEventListener('keydown', handleTabKey);
+        }
+        element.removeAttribute('data-placement');
+        portalCleanup?.();
+    }), "@foldkit/ui/anchor.js#anonymous~2");
 }), "@foldkit/ui/anchor.js#anchorSetup");

package/dist/animation/index.d.ts

@@ -1,9 +1,9 @@
 import type { ChildAttribute, Html, TagName } from 'foldkit/html';
-import { AdvancedAnimationFrame, EndedAnimation, Hid, Message, Model, OutMessage, Showed, StartedLeaveAnimating, TransitionState, TransitionedOut, init } from './schema.js';
-import { RequestFrame, WaitForAnimationSettled, defaultLeaveCommand, update } from './update.js';
+import { CompletedWaitForPaint, EndedAnimation, Hid, Message, Model, OutMessage, Showed, StartedLeaveAnimating, TransitionState, TransitionedOut, init } from './schema.js';
+import { WaitForAnimationSettled, WaitForPaint, defaultLeaveCommand, update } from './update.js';
 export type { InitConfig } from './schema.js';
-export { AdvancedAnimationFrame, EndedAnimation, Hid, init, Message, Model, OutMessage, Showed, StartedLeaveAnimating, TransitionState, TransitionedOut, };
-export { RequestFrame, WaitForAnimationSettled, defaultLeaveCommand, update };
+export { CompletedWaitForPaint, EndedAnimation, Hid, init, Message, Model, OutMessage, Showed, StartedLeaveAnimating, TransitionState, TransitionedOut, };
+export { WaitForAnimationSettled, WaitForPaint, defaultLeaveCommand, update };
 /** Per-render view inputs passed to `view` via `h.submodel`'s `viewInputs` field. */
 export type ViewInputs = Readonly<{
     content: Html;
@@ -33,7 +33,7 @@ export declare const view: import("foldkit/submodel").View<{
 } | {
     readonly _tag: "Hid";
 } | {
-    readonly _tag: "AdvancedAnimationFrame";
+    readonly _tag: "CompletedWaitForPaint";
 } | {
     readonly _tag: "EndedAnimation";
 }, Readonly<{

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animation/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGjE,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,qFAAqF;AACrF,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,OAAO,EAAE,IAAI,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;2EAEuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC,CAAA;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;aAnBN,IAAI;gBACD,MAAM;iBACL,aAAa,CAAC,cAAc,CAAC;cAChC,OAAO;IACjB;;2EAEuE;kBACzD,OAAO;GA2GtB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animation/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGjE,OAAO,EACL,qBAAqB,EACrB,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,uBAAuB,EACvB,YAAY,EACZ,mBAAmB,EACnB,MAAM,EACP,MAAM,aAAa,CAAA;AAEpB,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EACL,qBAAqB,EACrB,cAAc,EACd,GAAG,EACH,IAAI,EACJ,OAAO,EACP,KAAK,EACL,UAAU,EACV,MAAM,EACN,qBAAqB,EACrB,eAAe,EACf,eAAe,GAChB,CAAA;AAED,OAAO,EAAE,uBAAuB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,EAAE,CAAA;AAI7E,qFAAqF;AACrF,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,OAAO,EAAE,IAAI,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;2EAEuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC,CAAA;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;aAnBN,IAAI;gBACD,MAAM;iBACL,aAAa,CAAC,cAAc,CAAC;cAChC,OAAO;IACjB;;2EAEuE;kBACzD,OAAO;GA2GtB,CAAA"}

package/dist/animation/index.js

@@ -1,10 +1,10 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Match as M } from 'effect';
 import { defineView } from 'foldkit/submodel';
-import { AdvancedAnimationFrame, EndedAnimation, Hid, Message, Model, OutMessage, Showed, StartedLeaveAnimating, TransitionState, TransitionedOut, init, } from './schema.js';
-import { RequestFrame, WaitForAnimationSettled, defaultLeaveCommand, update, } from './update.js';
-export { AdvancedAnimationFrame, EndedAnimation, Hid, init, Message, Model, OutMessage, Showed, StartedLeaveAnimating, TransitionState, TransitionedOut, };
-export { RequestFrame, WaitForAnimationSettled, defaultLeaveCommand, update };
+import { CompletedWaitForPaint, EndedAnimation, Hid, Message, Model, OutMessage, Showed, StartedLeaveAnimating, TransitionState, TransitionedOut, init, } from './schema.js';
+import { WaitForAnimationSettled, WaitForPaint, defaultLeaveCommand, update, } from './update.js';
+export { CompletedWaitForPaint, EndedAnimation, Hid, init, Message, Model, OutMessage, Showed, StartedLeaveAnimating, TransitionState, TransitionedOut, };
+export { WaitForAnimationSettled, WaitForPaint, defaultLeaveCommand, update };
 /** Renders a headless animation wrapper that coordinates CSS transitions and
  *  CSS keyframe animations via data attributes.
  *

package/dist/animation/public.d.ts

@@ -1,3 +1,3 @@
-export { init, update, view, defaultLeaveCommand, Model, Message, OutMessage, Showed, Hid, AdvancedAnimationFrame, EndedAnimation, StartedLeaveAnimating, TransitionedOut, TransitionState, RequestFrame, WaitForAnimationSettled, } from './index.js';
+export { init, update, view, defaultLeaveCommand, Model, Message, OutMessage, Showed, Hid, CompletedWaitForPaint, EndedAnimation, StartedLeaveAnimating, TransitionedOut, TransitionState, WaitForPaint, WaitForAnimationSettled, } from './index.js';
 export type { InitConfig, ViewInputs } from './index.js';
 //# sourceMappingURL=public.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/animation/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,mBAAmB,EACnB,KAAK,EACL,OAAO,EACP,UAAU,EACV,MAAM,EACN,GAAG,EACH,sBAAsB,EACtB,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,YAAY,EACZ,uBAAuB,GACxB,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/animation/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,mBAAmB,EACnB,KAAK,EACL,OAAO,EACP,UAAU,EACV,MAAM,EACN,GAAG,EACH,qBAAqB,EACrB,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,YAAY,EACZ,uBAAuB,GACxB,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA"}

package/dist/animation/public.js

@@ -1 +1 @@
-export { init, update, view, defaultLeaveCommand, Model, Message, OutMessage, Showed, Hid, AdvancedAnimationFrame, EndedAnimation, StartedLeaveAnimating, TransitionedOut, TransitionState, RequestFrame, WaitForAnimationSettled, } from './index.js';
+export { init, update, view, defaultLeaveCommand, Model, Message, OutMessage, Showed, Hid, CompletedWaitForPaint, EndedAnimation, StartedLeaveAnimating, TransitionedOut, TransitionState, WaitForPaint, WaitForAnimationSettled, } from './index.js';

package/dist/animation/schema.d.ts

@@ -14,14 +14,14 @@ export declare const Showed: import("foldkit/schema").CallableTaggedStruct<"Show
 /** Sent when the animation should leave (become hidden). Starts the leave sequence. */
 export declare const Hid: import("foldkit/schema").CallableTaggedStruct<"Hid", {}>;
 /** Sent internally when a double-rAF completes, advancing the lifecycle to its animating phase. */
-export declare const AdvancedAnimationFrame: import("foldkit/schema").CallableTaggedStruct<"AdvancedAnimationFrame", {}>;
+export declare const CompletedWaitForPaint: import("foldkit/schema").CallableTaggedStruct<"CompletedWaitForPaint", {}>;
 /** Sent internally when all CSS animations on the element have settled. Covers both CSS transitions and CSS keyframe animations. */
 export declare const EndedAnimation: import("foldkit/schema").CallableTaggedStruct<"EndedAnimation", {}>;
 /** Union of all messages the animation component can produce. */
 export declare const Message: S.Union<[
     typeof Showed,
     typeof Hid,
-    typeof AdvancedAnimationFrame,
+    typeof CompletedWaitForPaint,
     typeof EndedAnimation
 ]>;
 export type Message = typeof Message.Type;

package/dist/animation/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/animation/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAKpC,6EAA6E;AAC7E,eAAO,MAAM,eAAe,+FAM1B,CAAA;AACF,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC,IAAI,CAAA;AAIzD,kHAAkH;AAClH,eAAO,MAAM,KAAK;;;;EAIhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,wFAAwF;AACxF,eAAO,MAAM,MAAM,6DAAc,CAAA;AACjC,uFAAuF;AACvF,eAAO,MAAM,GAAG,0DAAW,CAAA;AAC3B,mGAAmG;AACnG,eAAO,MAAM,sBAAsB,6EAA8B,CAAA;AACjE,oIAAoI;AACpI,eAAO,MAAM,cAAc,qEAAsB,CAAA;AAEjD,iEAAiE;AACjE,eAAO,MAAM,OAAO,EAAE,CAAC,CAAC,KAAK,CAC3B;IACE,OAAO,MAAM;IACb,OAAO,GAAG;IACV,OAAO,sBAAsB;IAC7B,OAAO,cAAc;CACtB,CAC+D,CAAA;AAClE,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAEzC,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC,IAAI,CAAA;AACvC,MAAM,MAAM,GAAG,GAAG,OAAO,GAAG,CAAC,IAAI,CAAA;AAIjC,0RAA0R;AAC1R,eAAO,MAAM,qBAAqB,4EAA6B,CAAA;AAC/D,iIAAiI;AACjI,eAAO,MAAM,eAAe,sEAAuB,CAAA;AAEnD,eAAO,MAAM,UAAU,sKAAoD,CAAA;AAC3E,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;AAI/C,iEAAiE;AACjE,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC,CAAA;AAEF,4EAA4E;AAC5E,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAIxC,CAAA"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/animation/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAKpC,6EAA6E;AAC7E,eAAO,MAAM,eAAe,+FAM1B,CAAA;AACF,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC,IAAI,CAAA;AAIzD,kHAAkH;AAClH,eAAO,MAAM,KAAK;;;;EAIhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,wFAAwF;AACxF,eAAO,MAAM,MAAM,6DAAc,CAAA;AACjC,uFAAuF;AACvF,eAAO,MAAM,GAAG,0DAAW,CAAA;AAC3B,mGAAmG;AACnG,eAAO,MAAM,qBAAqB,4EAA6B,CAAA;AAC/D,oIAAoI;AACpI,eAAO,MAAM,cAAc,qEAAsB,CAAA;AAEjD,iEAAiE;AACjE,eAAO,MAAM,OAAO,EAAE,CAAC,CAAC,KAAK,CAC3B;IACE,OAAO,MAAM;IACb,OAAO,GAAG;IACV,OAAO,qBAAqB;IAC5B,OAAO,cAAc;CACtB,CAC8D,CAAA;AACjE,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAEzC,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC,IAAI,CAAA;AACvC,MAAM,MAAM,GAAG,GAAG,OAAO,GAAG,CAAC,IAAI,CAAA;AAIjC,0RAA0R;AAC1R,eAAO,MAAM,qBAAqB,4EAA6B,CAAA;AAC/D,iIAAiI;AACjI,eAAO,MAAM,eAAe,sEAAuB,CAAA;AAEnD,eAAO,MAAM,UAAU,sKAAoD,CAAA;AAC3E,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;AAI/C,iEAAiE;AACjE,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC,CAAA;AAEF,4EAA4E;AAC5E,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAIxC,CAAA"}

package/dist/animation/schema.js

@@ -23,11 +23,11 @@ export const Showed = m('Showed');
 /** Sent when the animation should leave (become hidden). Starts the leave sequence. */
 export const Hid = m('Hid');
 /** Sent internally when a double-rAF completes, advancing the lifecycle to its animating phase. */
-export const AdvancedAnimationFrame = m('AdvancedAnimationFrame');
+export const CompletedWaitForPaint = m('CompletedWaitForPaint');
 /** Sent internally when all CSS animations on the element have settled. Covers both CSS transitions and CSS keyframe animations. */
 export const EndedAnimation = m('EndedAnimation');
 /** Union of all messages the animation component can produce. */
-export const Message = S.Union([Showed, Hid, AdvancedAnimationFrame, EndedAnimation]);
+export const Message = S.Union([Showed, Hid, CompletedWaitForPaint, EndedAnimation]);
 // OUT MESSAGE
 /** Sent to the parent when the leave sequence advances to LeaveAnimating. The parent is responsible for providing the command that detects when the leave animation completes (e.g. WaitForAnimationSettled or a racing command). Use `defaultLeaveCommand` for the standard behavior. */
 export const StartedLeaveAnimating = m('StartedLeaveAnimating');

package/dist/animation/update.d.ts

@@ -6,9 +6,9 @@ type UpdateReturn = readonly [
     ReadonlyArray<Command.Command<Message>>,
     Option.Option<OutMessage>
 ];
-/** Advances the enter/leave lifecycle by waiting a double-rAF. */
-export declare const RequestFrame: Command.CommandDefinitionNoArgs<"RequestFrame", Effect.Effect<{
-    readonly _tag: "AdvancedAnimationFrame";
+/** Waits for paint via double-rAF before the enter/leave lifecycle advances. */
+export declare const WaitForPaint: Command.CommandDefinitionNoArgs<"WaitForPaint", Effect.Effect<{
+    readonly _tag: "CompletedWaitForPaint";
 }, never, never>>;
 /** Waits for all CSS animations on the element to settle. Covers both CSS transitions and CSS keyframe animations. */
 export declare const WaitForAnimationSettled: Command.CommandDefinitionWithArgs<"WaitForAnimationSettled", {

package/dist/animation/update.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../src/animation/update.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAc,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAChE,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAM1C,OAAO,EAGL,KAAK,OAAO,EACZ,KAAK,KAAK,EACV,KAAK,UAAU,EAGhB,MAAM,aAAa,CAAA;AAMpB,KAAK,YAAY,GAAG,SAAS;IAC3B,KAAK;IACL,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;CAC1B,CAAA;AAGD,kEAAkE;AAClE,eAAO,MAAM,YAAY;;iBAGvB,CAAA;AACF,sHAAsH;AACtH,eAAO,MAAM,uBAAuB;;;;iBAUnC,CAAA;AAED,oGAAoG;AACpG,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,EAAE,SAAS,OAAO,KAAG,YAyEvD,CAAA;AAED,2NAA2N;AAC3N,eAAO,MAAM,mBAAmB,GAAI,OAAO,KAAK,KAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAC/B,CAAA"}
+{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../src/animation/update.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAc,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAChE,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAM1C,OAAO,EAGL,KAAK,OAAO,EACZ,KAAK,KAAK,EACV,KAAK,UAAU,EAGhB,MAAM,aAAa,CAAA;AAMpB,KAAK,YAAY,GAAG,SAAS;IAC3B,KAAK;IACL,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;CAC1B,CAAA;AAGD,gFAAgF;AAChF,eAAO,MAAM,YAAY;;iBAGvB,CAAA;AACF,sHAAsH;AACtH,eAAO,MAAM,uBAAuB;;;;iBAUnC,CAAA;AAED,oGAAoG;AACpG,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,EAAE,SAAS,OAAO,KAAG,YAyEvD,CAAA;AAED,2NAA2N;AAC3N,eAAO,MAAM,mBAAmB,GAAI,OAAO,KAAK,KAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAC/B,CAAA"}

package/dist/animation/update.js

@@ -5,14 +5,14 @@ import * as Dom from 'foldkit/dom';
 import * as Render from 'foldkit/render';
 import { evo } from 'foldkit/struct';
 import { idSelector } from '../internal/selectors.js';
-import { AdvancedAnimationFrame, EndedAnimation, StartedLeaveAnimating, TransitionedOut, } from './schema.js';
+import { CompletedWaitForPaint, EndedAnimation, StartedLeaveAnimating, TransitionedOut, } from './schema.js';
 // UPDATE
 const elementSelector = (id) => __foldkitBrandViewResult((idSelector(id)), "@foldkit/ui/animation/update.js#elementSelector");
 const withUpdateReturn = M.withReturnType();
-/** Advances the enter/leave lifecycle by waiting a double-rAF. */
-export const RequestFrame = Command.define('RequestFrame', {
-    messages: [AdvancedAnimationFrame],
-    execute: Render.afterPaint.pipe(Effect.as(AdvancedAnimationFrame())),
+/** Waits for paint via double-rAF before the enter/leave lifecycle advances. */
+export const WaitForPaint = Command.define('WaitForPaint', {
+    messages: [CompletedWaitForPaint],
+    execute: Render.afterPaint.pipe(Effect.as(CompletedWaitForPaint())),
 });
 /** Waits for all CSS animations on the element to settle. Covers both CSS transitions and CSS keyframe animations. */
 export const WaitForAnimationSettled = Command.define('WaitForAnimationSettled', {
@@ -22,7 +22,7 @@ export const WaitForAnimationSettled = Command.define('WaitForAnimationSettled',
 });
 /** Processes an animation message and returns the next model, commands, and optional OutMessage. */
 export const update = (model, message) => {
-    const maybeNextFrame = RequestFrame();
+    const maybeNextFrame = WaitForPaint();
     return __foldkitBrandViewResult((M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
         Showed: () => {
             if (model.isShowing) {
@@ -52,7 +52,7 @@ export const update = (model, message) => {
                 Option.none(),
             ]), "@foldkit/ui/animation/update.js#Hid");
         },
-        AdvancedAnimationFrame: () => __foldkitBrandViewResult((M.value(model.transitionState).pipe(withUpdateReturn, M.when('EnterStart', () => __foldkitBrandViewResult(([
+        CompletedWaitForPaint: () => __foldkitBrandViewResult((M.value(model.transitionState).pipe(withUpdateReturn, M.when('EnterStart', () => __foldkitBrandViewResult(([
             evo(model, { transitionState: () => __foldkitBrandViewResult(('EnterAnimating'), "@foldkit/ui/animation/update.js#transitionState~3") }),
             [WaitForAnimationSettled({ id: model.id })],
             Option.none(),
@@ -60,7 +60,7 @@ export const update = (model, message) => {
             evo(model, { transitionState: () => __foldkitBrandViewResult(('LeaveAnimating'), "@foldkit/ui/animation/update.js#transitionState~4") }),
             [],
             Option.some(StartedLeaveAnimating()),
-        ]), "@foldkit/ui/animation/update.js#anonymous~2")), M.orElse(() => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/animation/update.js#anonymous~3")))), "@foldkit/ui/animation/update.js#AdvancedAnimationFrame"),
+        ]), "@foldkit/ui/animation/update.js#anonymous~2")), M.orElse(() => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/animation/update.js#anonymous~3")))), "@foldkit/ui/animation/update.js#CompletedWaitForPaint"),
         EndedAnimation: () => __foldkitBrandViewResult((M.value(model.transitionState).pipe(withUpdateReturn, M.when('EnterAnimating', () => __foldkitBrandViewResult(([
             evo(model, { transitionState: () => __foldkitBrandViewResult(('Idle'), "@foldkit/ui/animation/update.js#transitionState~5") }),
             [],

package/dist/checkbox/index.d.ts

@@ -39,6 +39,10 @@ export type ViewConfig<Message> = Readonly<{
     name?: string;
     value?: string;
 }>;
+/** Generates the label element ID from the checkbox's base ID. */
+export declare const labelId: (id: string) => string;
+/** Generates the description element ID from the checkbox's base ID. */
+export declare const descriptionId: (id: string) => string;
 /** Renders an accessible checkbox as a stateless controlled component. The
  *  parent owns the checked state (`isChecked`) and receives the new state via
  *  `onToggle` when the user toggles it.

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/checkbox/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAIhE;;;;;;;;;;;;;kDAakD;AAClD,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;;;;;;;;;kBASkB;AAClB,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,OAAO,CAAA;IACzC,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;;;;;;;;;;;;;;;;;;;;;UAqBU;AACV,eAAO,MAAM,IAAI,GAAI,OAAO,EAC1B,QAAQ,UAAU,CAAC,OAAO,CAAC,EAC3B,GAAG,WAAW,CAAC,OAAO,CAAC,KACtB,IAmEF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/checkbox/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAIhE;;;;;;;;;;;;;kDAakD;AAClD,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;;;;;;;;;kBASkB;AAClB,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,OAAO,CAAA;IACzC,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;AAEF,kEAAkE;AAClE,eAAO,MAAM,OAAO,GAAI,IAAI,MAAM,KAAG,MAAuB,CAAA;AAE5D,wEAAwE;AACxE,eAAO,MAAM,aAAa,GAAI,IAAI,MAAM,KAAG,MAA6B,CAAA;AAExE;;;;;;;;;;;;;;;;;;;;;UAqBU;AACV,eAAO,MAAM,IAAI,GAAI,OAAO,EAC1B,QAAQ,UAAU,CAAC,OAAO,CAAC,EAC3B,GAAG,WAAW,CAAC,OAAO,CAAC,KACtB,IAmEF,CAAA"}

package/dist/checkbox/index.js

@@ -1,7 +1,9 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Match as M, Option } from 'effect';
-const labelId = (id) => __foldkitBrandViewResult((`${id}-label`), "@foldkit/ui/checkbox/index.js#labelId");
-const descriptionId = (id) => __foldkitBrandViewResult((`${id}-description`), "@foldkit/ui/checkbox/index.js#descriptionId");
+/** Generates the label element ID from the checkbox's base ID. */
+export const labelId = (id) => __foldkitBrandViewResult((`${id}-label`), "@foldkit/ui/checkbox/index.js#labelId");
+/** Generates the description element ID from the checkbox's base ID. */
+export const descriptionId = (id) => __foldkitBrandViewResult((`${id}-description`), "@foldkit/ui/checkbox/index.js#descriptionId");
 /** Renders an accessible checkbox as a stateless controlled component. The
  *  parent owns the checked state (`isChecked`) and receives the new state via
  *  `onToggle` when the user toggles it.

package/dist/checkbox/public.d.ts

@@ -1,3 +1,3 @@
-export { view } from './index.js';
+export { view, labelId, descriptionId } from './index.js';
 export type { ViewConfig, CheckboxAttributes } from './index.js';
 //# sourceMappingURL=public.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/checkbox/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/checkbox/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAEzD,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA"}

package/dist/checkbox/public.js

@@ -1 +1 @@
-export { view } from './index.js';
+export { view, labelId, descriptionId } from './index.js';

package/dist/combobox/multi.d.ts

@@ -140,7 +140,7 @@ export declare const update: (model: {
         } | {
             readonly _tag: "Hid";
         } | {
-            readonly _tag: "AdvancedAnimationFrame";
+            readonly _tag: "CompletedWaitForPaint";
         } | {
             readonly _tag: "EndedAnimation";
         };
@@ -159,15 +159,37 @@ export declare const close: (model: Model) => UpdateReturn;
 export declare const selectItem: (model: Model, item: string) => UpdateReturn;
 /** Per-render view inputs passed to the view via `h.submodel`'s `viewInputs` field. */
 export type ViewInputs<Item extends string> = BaseViewInputs<Item>;
+/** The `view`, `update`, and programmatic helpers that
+ *  `Combobox.Multi.create` returns, bound to one `Item` type. Name it to
+ *  annotate a value that holds a created bundle, such as a field on a
+ *  config object or a function parameter that takes the bundle rather than
+ *  calling `create` itself. */
+export type Bundle<Item extends string = string> = Readonly<{
+    view: SubmodelView<Model, Message, ViewInputs<Item>>;
+    update: (model: Model, message: Message) => readonly [
+        Model,
+        ReadonlyArray<Command.Command<Message>>,
+        Option.Option<OutMessage<Item>>
+    ];
+    selectItem: (model: Model, item: Item) => readonly [
+        Model,
+        ReadonlyArray<Command.Command<Message>>,
+        Option.Option<OutMessage<Item>>
+    ];
+    open: (model: Model) => readonly [
+        Model,
+        ReadonlyArray<Command.Command<Message>>,
+        Option.Option<OutMessage<Item>>
+    ];
+    close: (model: Model) => readonly [
+        Model,
+        ReadonlyArray<Command.Command<Message>>,
+        Option.Option<OutMessage<Item>>
+    ];
+}>;
 /** Pairs the multi-select combobox's `view` and `update` (and programmatic
  *  helpers) behind a single Item-typed entry point. `selectItem` emits
  *  `Selected({ value })`; the parent toggles the value's membership. */
-export declare const create: <Item extends string = string>() => Readonly<{
-    view: SubmodelView<Model, Message, BaseViewInputs<Item>>;
-    update: (model: Model, message: Message) => readonly [Model, ReadonlyArray<Command.Command<Message>>, Option.Option<OutMessage<Item>>];
-    selectItem: (model: Model, item: Item) => readonly [Model, ReadonlyArray<Command.Command<Message>>, Option.Option<OutMessage<Item>>];
-    open: (model: Model) => readonly [Model, ReadonlyArray<Command.Command<Message>>, Option.Option<OutMessage<Item>>];
-    close: (model: Model) => readonly [Model, ReadonlyArray<Command.Command<Message>>, Option.Option<OutMessage<Item>>];
-}>;
+export declare const create: <Item extends string = string>() => Bundle<Item>;
 export {};
 //# sourceMappingURL=multi.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"multi.d.ts","sourceRoot":"","sources":["../../src/combobox/multi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAC5C,OAAO,KAAK,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAE/C,OAAO,KAAK,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE5D,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EAGnB,KAAK,OAAO,EAEZ,KAAK,UAAU,EAOhB,MAAM,aAAa,CAAA;AAIpB,qOAAqO;AACrO,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;EAEhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,mOAAmO;AACnO,MAAM,MAAM,UAAU,GAAG,cAAc,CAAA;AAEvC,+HAA+H;AAC/H,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAAyB,CAAA;AAInE,6bAA6b;AAC7b,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAyBjB,CAAA;AAEF,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAA;AAE7C;wFACwF;AACxF,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,YAC4B,CAAA;AAEhE;;sEAEsE;AACtE,eAAO,MAAM,KAAK,GAAI,OAAO,KAAK,KAAG,YACa,CAAA;AAElD;wEACwE;AACxE,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,EAAE,MAAM,MAAM,KAAG,YACsB,CAAA;AAI9E,uFAAuF;AACvF,MAAM,MAAM,UAAU,CAAC,IAAI,SAAS,MAAM,IAAI,cAAc,CAAC,IAAI,CAAC,CAAA;AAIlE;;wEAEwE;AACxE,eAAO,MAAM,MAAM,GAAI,IAAI,SAAS,MAAM,GAAG,MAAM,OAAK,QAAQ,CAAC;IAC/D,IAAI,EAAE,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,CAAA;IACxD,MAAM,EAAE,CACN,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,KACb,SAAS,CACZ,KAAK,EACL,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EACvC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAChC,CAAA;IACD,UAAU,EAAE,CACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,KACP,SAAS,CACZ,KAAK,EACL,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EACvC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAChC,CAAA;IACD,IAAI,EAAE,CACJ,KAAK,EAAE,KAAK,KACT,SAAS,CACZ,KAAK,EACL,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EACvC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAChC,CAAA;IACD,KAAK,EAAE,CACL,KAAK,EAAE,KAAK,KACT,SAAS,CACZ,KAAK,EACL,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EACvC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAChC,CAAA;CACF,CAoBA,CAAA"}
+{"version":3,"file":"multi.d.ts","sourceRoot":"","sources":["../../src/combobox/multi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAC5C,OAAO,KAAK,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAE/C,OAAO,KAAK,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE5D,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EAGnB,KAAK,OAAO,EAEZ,KAAK,UAAU,EAOhB,MAAM,aAAa,CAAA;AAIpB,qOAAqO;AACrO,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;EAEhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,mOAAmO;AACnO,MAAM,MAAM,UAAU,GAAG,cAAc,CAAA;AAEvC,+HAA+H;AAC/H,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAAyB,CAAA;AAInE,6bAA6b;AAC7b,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAyBjB,CAAA;AAEF,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAA;AAE7C;wFACwF;AACxF,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,YAC4B,CAAA;AAEhE;;sEAEsE;AACtE,eAAO,MAAM,KAAK,GAAI,OAAO,KAAK,KAAG,YACa,CAAA;AAElD;wEACwE;AACxE,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,EAAE,MAAM,MAAM,KAAG,YACsB,CAAA;AAI9E,uFAAuF;AACvF,MAAM,MAAM,UAAU,CAAC,IAAI,SAAS,MAAM,IAAI,cAAc,CAAC,IAAI,CAAC,CAAA;AAIlE;;;;+BAI+B;AAC/B,MAAM,MAAM,MAAM,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,CAAC;IAC1D,IAAI,EAAE,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,CAAA;IACpD,MAAM,EAAE,CACN,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,KACb,SAAS;QACZ,KAAK;QACL,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;KAChC,CAAA;IACD,UAAU,EAAE,CACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,KACP,SAAS;QACZ,KAAK;QACL,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;KAChC,CAAA;IACD,IAAI,EAAE,CACJ,KAAK,EAAE,KAAK,KACT,SAAS;QACZ,KAAK;QACL,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;KAChC,CAAA;IACD,KAAK,EAAE,CACL,KAAK,EAAE,KAAK,KACT,SAAS;QACZ,KAAK;QACL,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;KAChC,CAAA;CACF,CAAC,CAAA;AAEF;;wEAEwE;AACxE,eAAO,MAAM,MAAM,GAAI,IAAI,SAAS,MAAM,GAAG,MAAM,OAAK,MAAM,CAAC,IAAI,CAoBlE,CAAA"}

package/dist/combobox/multiPublic.d.ts

@@ -1,4 +1,4 @@
 export { init, create, Model } from './multi.js';
 export { inputId } from './shared.js';
-export type { InitConfig, ViewInputs } from './multi.js';
+export type { Bundle, InitConfig, ViewInputs } from './multi.js';
 //# sourceMappingURL=multiPublic.d.ts.map

package/dist/combobox/multiPublic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiPublic.d.ts","sourceRoot":"","sources":["../../src/combobox/multiPublic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AACrC,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"multiPublic.d.ts","sourceRoot":"","sources":["../../src/combobox/multiPublic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AACrC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA"}

package/dist/combobox/public.d.ts

@@ -1,8 +1,8 @@
 export { init, create, Model } from './single.js';
 export { inputId } from './shared.js';
-export { Message, OutMessage, Selected, ClearedSelection, SelectedItem, CompletedLockScroll, CompletedUnlockScroll, CompletedInertOthers, CompletedRestoreInert, CompletedFocusInput, CompletedScrollIntoView, CompletedClickItem, CompletedAnchorCombobox, CompletedAttachComboboxPreventBlur, CompletedAttachComboboxSelectOnFocus, CompletedPortalComboboxBackdrop, AnchorCombobox, AttachComboboxPreventBlur, AttachComboboxSelectOnFocus, PortalComboboxBackdrop, 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, BaseViewInputsCommon, } from './shared.js';
-export type { InitConfig, ViewInputs } from './single.js';
+export { Message, OutMessage, Selected, ClearedSelection, SelectedItem, CompletedLockScroll, CompletedUnlockScroll, CompletedInertOthers, CompletedRestoreInert, CompletedFocusInput, CompletedScrollIntoView, CompletedClickItem, CompletedAnchorCombobox, CompletedAttachComboboxPreventBlur, CompletedAttachComboboxSelectOnFocus, CompletedPortalComboboxBackdrop, AnchorCombobox, AttachComboboxPreventBlur, AttachComboboxSelectOnFocus, PortalComboboxBackdrop, GotAnimationMessage, LockScroll, UnlockScroll, InertOthers, RestoreInert, FocusInput, ScrollIntoView, ClickItem, DetectMovementOrAnimationEnd, Opened, Closed, BlurredInput, ActivatedItem, DeactivatedItem, MovedPointerOverItem, RequestedItemClick, UpdatedInputValue, PressedToggleButton, } from './shared.js';
+export type { ActivationTrigger, ItemConfig, GroupHeading, BaseViewInputsCommon, } from './shared.js';
+export type { Bundle, InitConfig, ViewInputs } from './single.js';
 export type { AnchorConfig } from '../anchor.js';
 export * as Multi from './multiPublic.js';
 //# sourceMappingURL=public.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/combobox/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAErC,OAAO,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,EACvB,kCAAkC,EAClC,oCAAoC,EACpC,+BAA+B,EAC/B,cAAc,EACd,yBAAyB,EACzB,2BAA2B,EAC3B,sBAAsB,EACtB,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,EACZ,oBAAoB,GACrB,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/combobox/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAErC,OAAO,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,EACvB,kCAAkC,EAClC,oCAAoC,EACpC,+BAA+B,EAC/B,cAAc,EACd,yBAAyB,EACzB,2BAA2B,EAC3B,sBAAsB,EACtB,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,UAAU,EACV,cAAc,EACd,SAAS,EACT,4BAA4B,EAC5B,MAAM,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,aAAa,CAAA;AAEpB,YAAY,EACV,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,oBAAoB,GACrB,MAAM,aAAa,CAAA;AAEpB,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAEjE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAEhD,OAAO,KAAK,KAAK,MAAM,kBAAkB,CAAA"}

package/dist/combobox/public.js

@@ -1,4 +1,4 @@
 export { init, create, Model } from './single.js';
 export { inputId } from './shared.js';
-export { Message, OutMessage, Selected, ClearedSelection, SelectedItem, CompletedLockScroll, CompletedUnlockScroll, CompletedInertOthers, CompletedRestoreInert, CompletedFocusInput, CompletedScrollIntoView, CompletedClickItem, CompletedAnchorCombobox, CompletedAttachComboboxPreventBlur, CompletedAttachComboboxSelectOnFocus, CompletedPortalComboboxBackdrop, AnchorCombobox, AttachComboboxPreventBlur, AttachComboboxSelectOnFocus, PortalComboboxBackdrop, GotAnimationMessage, LockScroll, UnlockScroll, InertOthers, RestoreInert, FocusInput, ScrollIntoView, ClickItem, DetectMovementOrAnimationEnd, } from './shared.js';
+export { Message, OutMessage, Selected, ClearedSelection, SelectedItem, CompletedLockScroll, CompletedUnlockScroll, CompletedInertOthers, CompletedRestoreInert, CompletedFocusInput, CompletedScrollIntoView, CompletedClickItem, CompletedAnchorCombobox, CompletedAttachComboboxPreventBlur, CompletedAttachComboboxSelectOnFocus, CompletedPortalComboboxBackdrop, AnchorCombobox, AttachComboboxPreventBlur, AttachComboboxSelectOnFocus, PortalComboboxBackdrop, GotAnimationMessage, LockScroll, UnlockScroll, InertOthers, RestoreInert, FocusInput, ScrollIntoView, ClickItem, DetectMovementOrAnimationEnd, Opened, Closed, BlurredInput, ActivatedItem, DeactivatedItem, MovedPointerOverItem, RequestedItemClick, UpdatedInputValue, PressedToggleButton, } from './shared.js';
 export * as Multi from './multiPublic.js';

package/dist/combobox/shared.d.ts

@@ -110,7 +110,7 @@ export declare const CompletedAttachComboboxSelectOnFocus: import("foldkit/schem
 export declare const CompletedPortalComboboxBackdrop: import("foldkit/schema").CallableTaggedStruct<"CompletedPortalComboboxBackdrop", {}>;
 /** Wraps an Animation submodel message for delegation. */
 export declare const GotAnimationMessage: import("foldkit/schema").CallableTaggedStruct<"GotAnimationMessage", {
-    message: S.Union<[import("foldkit/schema").CallableTaggedStruct<"Showed", {}>, import("foldkit/schema").CallableTaggedStruct<"Hid", {}>, import("foldkit/schema").CallableTaggedStruct<"AdvancedAnimationFrame", {}>, import("foldkit/schema").CallableTaggedStruct<"EndedAnimation", {}>]>;
+    message: S.Union<[import("foldkit/schema").CallableTaggedStruct<"Showed", {}>, import("foldkit/schema").CallableTaggedStruct<"Hid", {}>, import("foldkit/schema").CallableTaggedStruct<"CompletedWaitForPaint", {}>, import("foldkit/schema").CallableTaggedStruct<"EndedAnimation", {}>]>;
 }>;
 /** Sent when the user types in the input. */
 export declare const UpdatedInputValue: import("foldkit/schema").CallableTaggedStruct<"UpdatedInputValue", {
@@ -252,7 +252,7 @@ export declare const DetectMovementOrAnimationEnd: Command.CommandDefinitionWith
     } | {
         readonly _tag: "Hid";
     } | {
-        readonly _tag: "AdvancedAnimationFrame";
+        readonly _tag: "CompletedWaitForPaint";
     } | {
         readonly _tag: "EndedAnimation";
     };
@@ -332,7 +332,7 @@ export declare const makeUpdate: <Model extends BaseModel>(handlers: Readonly<{
         } | {
             readonly _tag: "Hid";
         } | {
-            readonly _tag: "AdvancedAnimationFrame";
+            readonly _tag: "CompletedWaitForPaint";
         } | {
             readonly _tag: "EndedAnimation";
         };
@@ -354,6 +354,7 @@ export declare const AnchorCombobox: Mount.MountDefinitionWithArgs<"AnchorCombob
         readonly offset: S.optional<S.Number>;
         readonly padding: S.optional<S.Number>;
         readonly portal: S.optional<S.Boolean>;
+        readonly isPlacementLocked: S.optional<S.Boolean>;
     }>;
 }, {
     readonly _tag: "CompletedAnchorCombobox";