foldkit 0.71.0 → 0.72.0

package/dist/task/index.d.ts

@@ -3,7 +3,7 @@ export { getTime, getTimeZone, getZonedTime, getZonedTimeIn } from './time';
 export { advanceFocus, focus, showModal, closeModal, clickElement, scrollIntoView, } from './dom';
 export type { FocusDirection } from './dom';
 export { detectElementMovement } from './elementMovement';
-export { delay, nextFrame, waitForTransitions } from './timing';
+export { delay, nextFrame, waitForAnimationSettled } from './timing';
 export { randomInt, uuid } from './random';
 export { lockScroll, unlockScroll } from './scrollLock';
 export { inertOthers, restoreInert } from './inert';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/task/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAC3E,OAAO,EACL,YAAY,EACZ,KAAK,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,cAAc,GACf,MAAM,OAAO,CAAA;AACd,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/task/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAC3E,OAAO,EACL,YAAY,EACZ,KAAK,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,cAAc,GACf,MAAM,OAAO,CAAA;AACd,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AACpE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}

package/dist/task/index.js

@@ -2,7 +2,7 @@ export { ElementNotFound, TimeZoneError } from './error';
 export { getTime, getTimeZone, getZonedTime, getZonedTimeIn } from './time';
 export { advanceFocus, focus, showModal, closeModal, clickElement, scrollIntoView, } from './dom';
 export { detectElementMovement } from './elementMovement';
-export { delay, nextFrame, waitForTransitions } from './timing';
+export { delay, nextFrame, waitForAnimationSettled } from './timing';
 export { randomInt, uuid } from './random';
 export { lockScroll, unlockScroll } from './scrollLock';
 export { inertOthers, restoreInert } from './inert';

package/dist/task/public.d.ts

@@ -1,2 +1,2 @@
-export { ElementNotFound, TimeZoneError, getTime, getTimeZone, getZonedTime, getZonedTimeIn, focus, showModal, closeModal, clickElement, delay, scrollIntoView, randomInt, uuid, nextFrame, waitForTransitions, } from './index';
+export { ElementNotFound, TimeZoneError, getTime, getTimeZone, getZonedTime, getZonedTimeIn, focus, showModal, closeModal, clickElement, delay, scrollIntoView, randomInt, uuid, nextFrame, waitForAnimationSettled, } from './index';
 //# sourceMappingURL=public.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/task/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,aAAa,EACb,OAAO,EACP,WAAW,EACX,YAAY,EACZ,cAAc,EACd,KAAK,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,KAAK,EACL,cAAc,EACd,SAAS,EACT,IAAI,EACJ,SAAS,EACT,kBAAkB,GACnB,MAAM,SAAS,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/task/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,aAAa,EACb,OAAO,EACP,WAAW,EACX,YAAY,EACZ,cAAc,EACd,KAAK,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,KAAK,EACL,cAAc,EACd,SAAS,EACT,IAAI,EACJ,SAAS,EACT,uBAAuB,GACxB,MAAM,SAAS,CAAA"}

package/dist/task/public.js

@@ -1 +1 @@
-export { ElementNotFound, TimeZoneError, getTime, getTimeZone, getZonedTime, getZonedTimeIn, focus, showModal, closeModal, clickElement, delay, scrollIntoView, randomInt, uuid, nextFrame, waitForTransitions, } from './index';
+export { ElementNotFound, TimeZoneError, getTime, getTimeZone, getZonedTime, getZonedTimeIn, focus, showModal, closeModal, clickElement, delay, scrollIntoView, randomInt, uuid, nextFrame, waitForAnimationSettled, } from './index';

package/dist/task/timing.d.ts

@@ -22,14 +22,18 @@ export declare const delay: (duration: Duration.DurationInput) => Effect.Effect<
  */
 export declare const nextFrame: Effect.Effect<void>;
 /**
- * Waits for all CSS transitions on the element matching the selector to complete.
- * Uses the Web Animations API for reliable detection. Falls back to completing
- * immediately if the element is missing or has no active transitions.
+ * Waits for all CSS animations on the element matching the selector to settle.
+ * Covers both CSS transitions and CSS keyframe animations via the Web Animations
+ * API. Falls back to completing immediately if the element is missing or has no
+ * active animations.
+ *
+ * Leave animations must be finite. `animation-iteration-count: infinite` will
+ * keep the underlying `.finished` promise pending and hang the caller.
  *
  * @example
  * ```typescript
- * Task.waitForTransitions('#menu-items').pipe(Effect.as(TransitionEnded()))
+ * Task.waitForAnimationSettled('#menu-items').pipe(Effect.as(EndedAnimation()))
  * ```
  */
-export declare const waitForTransitions: (selector: string) => Effect.Effect<void>;
+export declare const waitForAnimationSettled: (selector: string) => Effect.Effect<void>;
 //# sourceMappingURL=timing.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"timing.d.ts","sourceRoot":"","sources":["../../src/task/timing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAEzC;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,GAAI,UAAU,QAAQ,CAAC,aAAa,KAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CACnD,CAAA;AAExB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAMxC,CAAA;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,KAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAgBpE,CAAA"}
+{"version":3,"file":"timing.d.ts","sourceRoot":"","sources":["../../src/task/timing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAEzC;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,GAAI,UAAU,QAAQ,CAAC,aAAa,KAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CACnD,CAAA;AAExB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAMxC,CAAA;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,uBAAuB,GAClC,UAAU,MAAM,KACf,MAAM,CAAC,MAAM,CAAC,IAAI,CAYjB,CAAA"}

package/dist/task/timing.js

@@ -28,24 +28,24 @@ export const nextFrame = Effect.async(resume => {
     });
 });
 /**
- * Waits for all CSS transitions on the element matching the selector to complete.
- * Uses the Web Animations API for reliable detection. Falls back to completing
- * immediately if the element is missing or has no active transitions.
+ * Waits for all CSS animations on the element matching the selector to settle.
+ * Covers both CSS transitions and CSS keyframe animations via the Web Animations
+ * API. Falls back to completing immediately if the element is missing or has no
+ * active animations.
+ *
+ * Leave animations must be finite. `animation-iteration-count: infinite` will
+ * keep the underlying `.finished` promise pending and hang the caller.
  *
  * @example
  * ```typescript
- * Task.waitForTransitions('#menu-items').pipe(Effect.as(TransitionEnded()))
+ * Task.waitForAnimationSettled('#menu-items').pipe(Effect.as(EndedAnimation()))
  * ```
  */
-export const waitForTransitions = (selector) => Effect.async(resume => {
+export const waitForAnimationSettled = (selector) => Effect.async(resume => {
     requestAnimationFrame(async () => {
         const element = document.querySelector(selector);
-        const cssTransitions = element instanceof HTMLElement
-            ? element
-                .getAnimations()
-                .filter(animation => 'transitionProperty' in animation)
-            : [];
-        await Promise.allSettled(cssTransitions.map(({ finished }) => finished));
+        const animations = element instanceof HTMLElement ? element.getAnimations() : [];
+        await Promise.allSettled(animations.map(({ finished }) => finished));
         resume(Effect.void);
     });
 });

package/dist/test/apps/disabledButton.d.ts

@@ -7,7 +7,7 @@ export declare const Model: S.Struct<{
         id: typeof S.String;
         isOpen: typeof S.Boolean;
         isAnimated: typeof S.Boolean;
-        transition: S.Struct<{
+        animation: S.Struct<{
             id: typeof S.String;
             isShowing: typeof S.Boolean;
             transitionState: S.Literal<["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
@@ -19,13 +19,13 @@ export type Model = typeof Model.Type;
 export declare const ClickedToggle: import("../../schema").CallableTaggedStruct<"ClickedToggle", {}>;
 export declare const ClickedSubmit: import("../../schema").CallableTaggedStruct<"ClickedSubmit", {}>;
 export declare const GotDialogMessage: import("../../schema").CallableTaggedStruct<"GotDialogMessage", {
-    message: S.Union<[import("../../schema").CallableTaggedStruct<"Opened", {}>, import("../../schema").CallableTaggedStruct<"Closed", {}>, import("../../schema").CallableTaggedStruct<"CompletedShowDialog", {}>, import("../../schema").CallableTaggedStruct<"CompletedCloseDialog", {}>, import("../../schema").CallableTaggedStruct<"GotTransitionMessage", {
-        message: S.Union<[import("../../schema").CallableTaggedStruct<"Showed", {}>, import("../../schema").CallableTaggedStruct<"Hid", {}>, import("../../schema").CallableTaggedStruct<"AdvancedTransitionFrame", {}>, import("../../schema").CallableTaggedStruct<"EndedTransition", {}>]>;
+    message: S.Union<[import("../../schema").CallableTaggedStruct<"Opened", {}>, import("../../schema").CallableTaggedStruct<"Closed", {}>, import("../../schema").CallableTaggedStruct<"CompletedShowDialog", {}>, import("../../schema").CallableTaggedStruct<"CompletedCloseDialog", {}>, import("../../schema").CallableTaggedStruct<"GotAnimationMessage", {
+        message: S.Union<[import("../../schema").CallableTaggedStruct<"Showed", {}>, import("../../schema").CallableTaggedStruct<"Hid", {}>, import("../../schema").CallableTaggedStruct<"AdvancedAnimationFrame", {}>, import("../../schema").CallableTaggedStruct<"EndedAnimation", {}>]>;
     }>]>;
 }>;
 export declare const Message: S.Union<[import("../../schema").CallableTaggedStruct<"ClickedToggle", {}>, import("../../schema").CallableTaggedStruct<"ClickedSubmit", {}>, import("../../schema").CallableTaggedStruct<"GotDialogMessage", {
-    message: S.Union<[import("../../schema").CallableTaggedStruct<"Opened", {}>, import("../../schema").CallableTaggedStruct<"Closed", {}>, import("../../schema").CallableTaggedStruct<"CompletedShowDialog", {}>, import("../../schema").CallableTaggedStruct<"CompletedCloseDialog", {}>, import("../../schema").CallableTaggedStruct<"GotTransitionMessage", {
-        message: S.Union<[import("../../schema").CallableTaggedStruct<"Showed", {}>, import("../../schema").CallableTaggedStruct<"Hid", {}>, import("../../schema").CallableTaggedStruct<"AdvancedTransitionFrame", {}>, import("../../schema").CallableTaggedStruct<"EndedTransition", {}>]>;
+    message: S.Union<[import("../../schema").CallableTaggedStruct<"Opened", {}>, import("../../schema").CallableTaggedStruct<"Closed", {}>, import("../../schema").CallableTaggedStruct<"CompletedShowDialog", {}>, import("../../schema").CallableTaggedStruct<"CompletedCloseDialog", {}>, import("../../schema").CallableTaggedStruct<"GotAnimationMessage", {
+        message: S.Union<[import("../../schema").CallableTaggedStruct<"Showed", {}>, import("../../schema").CallableTaggedStruct<"Hid", {}>, import("../../schema").CallableTaggedStruct<"AdvancedAnimationFrame", {}>, import("../../schema").CallableTaggedStruct<"EndedAnimation", {}>]>;
     }>]>;
 }>]>;
 export type Message = typeof Message.Type;

package/dist/ui/{transition → animation}/index.d.ts

@@ -1,10 +1,10 @@
 import { type Attribute, type Html, type TagName } from '../../html';
-import { AdvancedTransitionFrame, EndedTransition, Hid, Message, Model, OutMessage, Showed, StartedLeaveAnimating, TransitionState, TransitionedOut, init } from './schema';
-import { RequestFrame, WaitForTransitions, defaultLeaveCommand, update } from './update';
+import { AdvancedAnimationFrame, EndedAnimation, Hid, Message, Model, OutMessage, Showed, StartedLeaveAnimating, TransitionState, TransitionedOut, init } from './schema';
+import { RequestFrame, WaitForAnimationSettled, defaultLeaveCommand, update } from './update';
 export type { InitConfig } from './schema';
-export { AdvancedTransitionFrame, EndedTransition, Hid, init, Message, Model, OutMessage, Showed, StartedLeaveAnimating, TransitionState, TransitionedOut, };
-export { RequestFrame, WaitForTransitions, defaultLeaveCommand, update };
-/** Configuration for rendering a transition with `view`. */
+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<{
     model: Model;
     content: Html;
@@ -16,16 +16,17 @@ export type ViewConfig<Message> = Readonly<{
      *  when hidden (collapsed to zero height) instead of being removed. */
     animateSize?: boolean;
 }>;
-/** Renders a headless transition wrapper that coordinates CSS transitions via data attributes.
+/** Renders a headless animation wrapper that coordinates CSS transitions and
+ *  CSS keyframe animations via data attributes.
  *
- *  Data attributes reflect the current transition phase:
+ *  Data attributes reflect the current lifecycle phase:
  *  - `data-closed` — element is in its hidden/initial state
  *  - `data-enter` — enter animation is active
  *  - `data-leave` — leave animation is active
  *  - `data-transition` — any animation is active
  */
 export declare const view: <Message>(config: ViewConfig<Message>) => Html;
-/** Creates a memoized transition view. Static config (className, element, etc.)
+/** 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);

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

@@ -0,0 +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,YAAY,CAAA;AACnB,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,UAAU,CAAA;AACjB,OAAO,EACL,YAAY,EACZ,uBAAuB,EACvB,mBAAmB,EACnB,MAAM,EACP,MAAM,UAAU,CAAA;AAEjB,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,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"}

package/dist/ui/{transition → animation}/index.js

@@ -1,12 +1,13 @@
 import { Match as M } from 'effect';
 import { createLazy, html, } from '../../html';
-import { AdvancedTransitionFrame, EndedTransition, Hid, Message, Model, OutMessage, Showed, StartedLeaveAnimating, TransitionState, TransitionedOut, init, } from './schema';
-import { RequestFrame, WaitForTransitions, defaultLeaveCommand, update, } from './update';
-export { AdvancedTransitionFrame, EndedTransition, Hid, init, Message, Model, OutMessage, Showed, StartedLeaveAnimating, TransitionState, TransitionedOut, };
-export { RequestFrame, WaitForTransitions, defaultLeaveCommand, update };
-/** Renders a headless transition wrapper that coordinates CSS transitions via data attributes.
+import { AdvancedAnimationFrame, EndedAnimation, Hid, Message, Model, OutMessage, Showed, StartedLeaveAnimating, TransitionState, TransitionedOut, init, } from './schema';
+import { RequestFrame, WaitForAnimationSettled, defaultLeaveCommand, update, } from './update';
+export { AdvancedAnimationFrame, EndedAnimation, Hid, init, Message, Model, OutMessage, Showed, StartedLeaveAnimating, TransitionState, TransitionedOut, };
+export { RequestFrame, WaitForAnimationSettled, defaultLeaveCommand, update };
+/** Renders a headless animation wrapper that coordinates CSS transitions and
+ *  CSS keyframe animations via data attributes.
  *
- *  Data attributes reflect the current transition phase:
+ *  Data attributes reflect the current lifecycle phase:
  *  - `data-closed` — element is in its hidden/initial state
  *  - `data-enter` — enter animation is active
  *  - `data-leave` — leave animation is active
@@ -70,7 +71,7 @@ export const view = (config) => {
         ...attributes,
     ], [content]);
 };
-/** Creates a memoized transition view. Static config (className, element, etc.)
+/** 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 const lazy = (staticConfig) => {

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/animation/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,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,SAAS,CAAA;AAEhB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}

package/dist/ui/animation/public.js

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

package/dist/ui/{transition → animation}/schema.d.ts

@@ -1,43 +1,43 @@
 import { Schema as S } from 'effect';
-/** Schema for the transition animation state, tracking enter/leave phases for CSS transition coordination. */
+/** Schema for the animation lifecycle state, tracking enter/leave phases. */
 export declare const TransitionState: S.Literal<["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
 export type TransitionState = typeof TransitionState.Type;
-/** Schema for the transition component's state, tracking its unique ID, visibility intent, and animation phase. */
+/** Schema for the animation component's state, tracking its unique ID, visibility intent, and lifecycle phase. */
 export declare const Model: S.Struct<{
     id: typeof S.String;
     isShowing: typeof S.Boolean;
     transitionState: S.Literal<["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
 }>;
 export type Model = typeof Model.Type;
-/** Sent when the transition should enter (become visible). Starts the enter animation sequence. */
+/** Sent when the animation should enter (become visible). Starts the enter sequence. */
 export declare const Showed: import("../../schema").CallableTaggedStruct<"Showed", {}>;
-/** Sent when the transition should leave (become hidden). Starts the leave animation sequence. */
+/** Sent when the animation should leave (become hidden). Starts the leave sequence. */
 export declare const Hid: import("../../schema").CallableTaggedStruct<"Hid", {}>;
-/** Sent internally when a double-rAF completes, advancing the transition to its animating phase. */
-export declare const AdvancedTransitionFrame: import("../../schema").CallableTaggedStruct<"AdvancedTransitionFrame", {}>;
-/** Sent internally when all CSS transitions on the transition element have completed. */
-export declare const EndedTransition: import("../../schema").CallableTaggedStruct<"EndedTransition", {}>;
-/** Union of all messages the transition component can produce. */
+/** Sent internally when a double-rAF completes, advancing the lifecycle to its animating phase. */
+export declare const AdvancedAnimationFrame: import("../../schema").CallableTaggedStruct<"AdvancedAnimationFrame", {}>;
+/** Sent internally when all CSS animations on the element have settled. Covers both CSS transitions and CSS keyframe animations. */
+export declare const EndedAnimation: import("../../schema").CallableTaggedStruct<"EndedAnimation", {}>;
+/** Union of all messages the animation component can produce. */
 export declare const Message: S.Union<[
     typeof Showed,
     typeof Hid,
-    typeof AdvancedTransitionFrame,
-    typeof EndedTransition
+    typeof AdvancedAnimationFrame,
+    typeof EndedAnimation
 ]>;
 export type Message = typeof Message.Type;
 export type Showed = typeof Showed.Type;
 export type Hid = typeof Hid.Type;
-/** Sent to the parent when the leave transition advances to LeaveAnimating. The parent is responsible for providing the command that detects when the leave animation completes (e.g. WaitForTransitions or a racing command). Use `defaultLeaveCommand` for the standard behavior. */
+/** 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 declare const StartedLeaveAnimating: import("../../schema").CallableTaggedStruct<"StartedLeaveAnimating", {}>;
 /** Sent to the parent when the leave animation completes. The parent can use this to unmount content or update its own state. */
 export declare const TransitionedOut: import("../../schema").CallableTaggedStruct<"TransitionedOut", {}>;
 export declare const OutMessage: S.Union<[import("../../schema").CallableTaggedStruct<"StartedLeaveAnimating", {}>, import("../../schema").CallableTaggedStruct<"TransitionedOut", {}>]>;
 export type OutMessage = typeof OutMessage.Type;
-/** Configuration for creating a transition model with `init`. */
+/** Configuration for creating an animation model with `init`. */
 export type InitConfig = Readonly<{
     id: string;
     isShowing?: boolean;
 }>;
-/** Creates an initial transition model from a config. Defaults to hidden. */
+/** Creates an initial animation model from a config. Defaults to hidden. */
 export declare const init: (config: InitConfig) => Model;
 //# sourceMappingURL=schema.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/ui/animation/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAMpC,6EAA6E;AAC7E,eAAO,MAAM,eAAe,qFAM3B,CAAA;AACD,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,2DAAc,CAAA;AACjC,uFAAuF;AACvF,eAAO,MAAM,GAAG,wDAAW,CAAA;AAC3B,mGAAmG;AACnG,eAAO,MAAM,sBAAsB,2EAA8B,CAAA;AACjE,oIAAoI;AACpI,eAAO,MAAM,cAAc,mEAAsB,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,CAC6D,CAAA;AAChE,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,0EAA6B,CAAA;AAC/D,iIAAiI;AACjI,eAAO,MAAM,eAAe,oEAAuB,CAAA;AAEnD,eAAO,MAAM,UAAU,yJAAkD,CAAA;AACzE,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/ui/animation/schema.js

@@ -0,0 +1,35 @@
+import { Schema as S } from 'effect';
+import { m } from '../../message';
+// TRANSITION STATE
+/** Schema for the animation lifecycle state, tracking enter/leave phases. */
+export const TransitionState = S.Literal('Idle', 'EnterStart', 'EnterAnimating', 'LeaveStart', 'LeaveAnimating');
+// MODEL
+/** Schema for the animation component's state, tracking its unique ID, visibility intent, and lifecycle phase. */
+export const Model = S.Struct({
+    id: S.String,
+    isShowing: S.Boolean,
+    transitionState: TransitionState,
+});
+// MESSAGE
+/** Sent when the animation should enter (become visible). Starts the enter sequence. */
+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');
+/** 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);
+// 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');
+/** Sent to the parent when the leave animation completes. The parent can use this to unmount content or update its own state. */
+export const TransitionedOut = m('TransitionedOut');
+export const OutMessage = S.Union(StartedLeaveAnimating, TransitionedOut);
+/** Creates an initial animation model from a config. Defaults to hidden. */
+export const init = (config) => ({
+    id: config.id,
+    isShowing: config.isShowing ?? false,
+    transitionState: 'Idle',
+});

package/dist/ui/{transition → animation}/update.d.ts

@@ -6,17 +6,17 @@ type UpdateReturn = readonly [
     ReadonlyArray<Command.Command<Message>>,
     Option.Option<OutMessage>
 ];
-/** Advances the transition's enter/leave animation by waiting a double-rAF. */
+/** Advances the enter/leave lifecycle by waiting a double-rAF. */
 export declare const RequestFrame: Command.CommandDefinition<"RequestFrame", {
-    readonly _tag: "AdvancedTransitionFrame";
+    readonly _tag: "AdvancedAnimationFrame";
 }>;
-/** Waits for all CSS transitions on the transition element to complete. */
-export declare const WaitForTransitions: Command.CommandDefinition<"WaitForTransitions", {
-    readonly _tag: "EndedTransition";
+/** Waits for all CSS animations on the element to settle. Covers both CSS transitions and CSS keyframe animations. */
+export declare const WaitForAnimationSettled: Command.CommandDefinition<"WaitForAnimationSettled", {
+    readonly _tag: "EndedAnimation";
 }>;
-/** Processes a transition message and returns the next model, commands, and optional OutMessage. */
+/** Processes an animation message and returns the next model, commands, and optional OutMessage. */
 export declare const update: (model: Model, message: Message) => UpdateReturn;
-/** Creates the standard leave-phase command that waits for CSS transitions on the transition element. Use this when handling the `StartedLeaveAnimating` OutMessage for components that don't need custom leave behavior. */
+/** Creates the standard leave-phase command that waits for CSS animations on the element to settle. Use this when handling the `StartedLeaveAnimating` OutMessage for components that don't need custom leave behavior. */
 export declare const defaultLeaveCommand: (model: Model) => Command.Command<Message>;
 export {};
 //# sourceMappingURL=update.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../../src/ui/animation/update.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,EAAE,MAAM,QAAQ,CAAA;AAEnD,OAAO,KAAK,OAAO,MAAM,eAAe,CAAA;AAGxC,OAAO,EAGL,KAAK,OAAO,EACZ,KAAK,KAAK,EACV,KAAK,UAAU,EAGhB,MAAM,UAAU,CAAA;AAMjB,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;;EAGxB,CAAA;AACD,sHAAsH;AACtH,eAAO,MAAM,uBAAuB;;EAGnC,CAAA;AAED,oGAAoG;AACpG,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,EAAE,SAAS,OAAO,KAAG,YAiFvD,CAAA;AAED,2NAA2N;AAC3N,eAAO,MAAM,mBAAmB,GAAI,OAAO,KAAK,KAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAKvE,CAAA"}

package/dist/ui/{transition → animation}/update.js

@@ -2,17 +2,17 @@ import { Effect, Match as M, Option } from 'effect';
 import * as Command from '../../command';
 import { evo } from '../../struct';
 import * as Task from '../../task';
-import { AdvancedTransitionFrame, EndedTransition, StartedLeaveAnimating, TransitionedOut, } from './schema';
+import { AdvancedAnimationFrame, EndedAnimation, StartedLeaveAnimating, TransitionedOut, } from './schema';
 // UPDATE
 const elementSelector = (id) => `#${id}`;
 const withUpdateReturn = M.withReturnType();
-/** Advances the transition's enter/leave animation by waiting a double-rAF. */
-export const RequestFrame = Command.define('RequestFrame', AdvancedTransitionFrame);
-/** Waits for all CSS transitions on the transition element to complete. */
-export const WaitForTransitions = Command.define('WaitForTransitions', EndedTransition);
-/** Processes a transition message and returns the next model, commands, and optional OutMessage. */
+/** Advances the enter/leave lifecycle by waiting a double-rAF. */
+export const RequestFrame = Command.define('RequestFrame', AdvancedAnimationFrame);
+/** Waits for all CSS animations on the element to settle. Covers both CSS transitions and CSS keyframe animations. */
+export const WaitForAnimationSettled = Command.define('WaitForAnimationSettled', EndedAnimation);
+/** Processes an animation message and returns the next model, commands, and optional OutMessage. */
 export const update = (model, message) => {
-    const maybeNextFrame = RequestFrame(Task.nextFrame.pipe(Effect.as(AdvancedTransitionFrame())));
+    const maybeNextFrame = RequestFrame(Task.nextFrame.pipe(Effect.as(AdvancedAnimationFrame())));
     return M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
         Showed: () => {
             if (model.isShowing) {
@@ -42,10 +42,10 @@ export const update = (model, message) => {
                 Option.none(),
             ];
         },
-        AdvancedTransitionFrame: () => M.value(model.transitionState).pipe(withUpdateReturn, M.when('EnterStart', () => [
+        AdvancedAnimationFrame: () => M.value(model.transitionState).pipe(withUpdateReturn, M.when('EnterStart', () => [
             evo(model, { transitionState: () => 'EnterAnimating' }),
             [
-                WaitForTransitions(Task.waitForTransitions(elementSelector(model.id)).pipe(Effect.as(EndedTransition()))),
+                WaitForAnimationSettled(Task.waitForAnimationSettled(elementSelector(model.id)).pipe(Effect.as(EndedAnimation()))),
             ],
             Option.none(),
         ]), M.when('LeaveStart', () => [
@@ -53,7 +53,7 @@ export const update = (model, message) => {
             [],
             Option.some(StartedLeaveAnimating()),
         ]), M.orElse(() => [model, [], Option.none()])),
-        EndedTransition: () => M.value(model.transitionState).pipe(withUpdateReturn, M.when('EnterAnimating', () => [
+        EndedAnimation: () => M.value(model.transitionState).pipe(withUpdateReturn, M.when('EnterAnimating', () => [
             evo(model, { transitionState: () => 'Idle' }),
             [],
             Option.none(),
@@ -64,5 +64,5 @@ export const update = (model, message) => {
         ]), M.orElse(() => [model, [], Option.none()])),
     }));
 };
-/** Creates the standard leave-phase command that waits for CSS transitions on the transition element. Use this when handling the `StartedLeaveAnimating` OutMessage for components that don't need custom leave behavior. */
-export const defaultLeaveCommand = (model) => WaitForTransitions(Task.waitForTransitions(elementSelector(model.id)).pipe(Effect.as(EndedTransition())));
+/** Creates the standard leave-phase command that waits for CSS animations on the element to settle. Use this when handling the `StartedLeaveAnimating` OutMessage for components that don't need custom leave behavior. */
+export const defaultLeaveCommand = (model) => WaitForAnimationSettled(Task.waitForAnimationSettled(elementSelector(model.id)).pipe(Effect.as(EndedAnimation())));

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

@@ -11,7 +11,7 @@ export declare const Model: S.extend<S.Struct<{
     nullable: typeof S.Boolean;
     immediate: typeof S.Boolean;
     selectInputOnFocus: typeof S.Boolean;
-    transition: S.Struct<{
+    animation: S.Struct<{
         id: typeof S.String;
         isShowing: typeof S.Boolean;
         transitionState: S.Literal<["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
@@ -39,7 +39,7 @@ export declare const update: (model: {
     readonly isOpen: boolean;
     readonly isAnimated: boolean;
     readonly isModal: boolean;
-    readonly transition: {
+    readonly animation: {
         readonly id: string;
         readonly isShowing: boolean;
         readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
@@ -61,7 +61,7 @@ export declare const update: (model: {
     readonly isOpen: boolean;
     readonly isAnimated: boolean;
     readonly isModal: boolean;
-    readonly transition: {
+    readonly animation: {
         readonly id: string;
         readonly isShowing: boolean;
         readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
@@ -124,15 +124,15 @@ export declare const update: (model: {
     } | {
         readonly _tag: "CompletedFocusInput";
     } | {
-        readonly _tag: "GotTransitionMessage";
+        readonly _tag: "GotAnimationMessage";
         readonly message: {
             readonly _tag: "Showed";
         } | {
             readonly _tag: "Hid";
         } | {
-            readonly _tag: "AdvancedTransitionFrame";
+            readonly _tag: "AdvancedAnimationFrame";
         } | {
-            readonly _tag: "EndedTransition";
+            readonly _tag: "EndedAnimation";
         };
     } | {
         readonly _tag: "UpdatedInputValue";
@@ -158,7 +158,7 @@ export declare const view: <Message, Item extends string>(config: Readonly<{
         readonly isOpen: boolean;
         readonly isAnimated: boolean;
         readonly isModal: boolean;
-        readonly transition: {
+        readonly animation: {
             readonly id: string;
             readonly isShowing: boolean;
             readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";

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

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

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,UAAU,CAAA;AAEjB,OAAO,EACL,OAAO,EACP,YAAY,EACZ,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,UAAU,EACV,cAAc,EACd,SAAS,EACT,6BAA6B,GAC9B,MAAM,UAAU,CAAA;AAEjB,YAAY,EACV,iBAAiB,EACjB,MAAM,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,YAAY,GACb,MAAM,UAAU,CAAA;AAEjB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAEtD,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAE7C,OAAO,KAAK,KAAK,MAAM,eAAe,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,UAAU,CAAA;AAEjB,OAAO,EACL,OAAO,EACP,YAAY,EACZ,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,UAAU,EACV,cAAc,EACd,SAAS,EACT,4BAA4B,GAC7B,MAAM,UAAU,CAAA;AAEjB,YAAY,EACV,iBAAiB,EACjB,MAAM,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,YAAY,GACb,MAAM,UAAU,CAAA;AAEjB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAEtD,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAE7C,OAAO,KAAK,KAAK,MAAM,eAAe,CAAA"}

package/dist/ui/combobox/public.js

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

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

@@ -16,7 +16,7 @@ export declare const BaseModel: S.Struct<{
     nullable: typeof S.Boolean;
     immediate: typeof S.Boolean;
     selectInputOnFocus: typeof S.Boolean;
-    transition: S.Struct<{
+    animation: S.Struct<{
         id: typeof S.String;
         isShowing: typeof S.Boolean;
         transitionState: S.Literal<["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
@@ -89,9 +89,9 @@ export declare const CompletedFocusInput: import("../../schema").CallableTaggedS
 export declare const CompletedScrollIntoView: import("../../schema").CallableTaggedStruct<"CompletedScrollIntoView", {}>;
 /** Sent when the programmatic item click command completes. */
 export declare const CompletedClickItem: import("../../schema").CallableTaggedStruct<"CompletedClickItem", {}>;
-/** Wraps a Transition submodel message for delegation. */
-export declare const GotTransitionMessage: import("../../schema").CallableTaggedStruct<"GotTransitionMessage", {
-    message: S.Union<[import("../../schema").CallableTaggedStruct<"Showed", {}>, import("../../schema").CallableTaggedStruct<"Hid", {}>, import("../../schema").CallableTaggedStruct<"AdvancedTransitionFrame", {}>, import("../../schema").CallableTaggedStruct<"EndedTransition", {}>]>;
+/** Wraps an Animation submodel message for delegation. */
+export declare const GotAnimationMessage: import("../../schema").CallableTaggedStruct<"GotAnimationMessage", {
+    message: S.Union<[import("../../schema").CallableTaggedStruct<"Showed", {}>, import("../../schema").CallableTaggedStruct<"Hid", {}>, import("../../schema").CallableTaggedStruct<"AdvancedAnimationFrame", {}>, import("../../schema").CallableTaggedStruct<"EndedAnimation", {}>]>;
 }>;
 /** Sent when the user types in the input. */
 export declare const UpdatedInputValue: import("../../schema").CallableTaggedStruct<"UpdatedInputValue", {
@@ -116,7 +116,7 @@ export declare const Message: S.Union<[
     typeof CompletedFocusInput,
     typeof CompletedScrollIntoView,
     typeof CompletedClickItem,
-    typeof GotTransitionMessage,
+    typeof GotAnimationMessage,
     typeof UpdatedInputValue,
     typeof PressedToggleButton
 ]>;
@@ -179,17 +179,17 @@ export declare const ScrollIntoView: Command.CommandDefinition<"ScrollIntoView",
 export declare const ClickItem: Command.CommandDefinition<"ClickItem", {
     readonly _tag: "CompletedClickItem";
 }>;
-/** Detects whether the combobox input wrapper moved or the leave transition ended — whichever comes first. Both outcomes signal the Transition submodel that leave is complete. */
-export declare const DetectMovementOrTransitionEnd: Command.CommandDefinition<"DetectMovementOrTransitionEnd", {
-    readonly _tag: "GotTransitionMessage";
+/** Detects whether the combobox input wrapper moved or the leave animation ended — whichever comes first. Both outcomes signal the Animation submodel that leave is complete. */
+export declare const DetectMovementOrAnimationEnd: Command.CommandDefinition<"DetectMovementOrAnimationEnd", {
+    readonly _tag: "GotAnimationMessage";
     readonly message: {
         readonly _tag: "Showed";
     } | {
         readonly _tag: "Hid";
     } | {
-        readonly _tag: "AdvancedTransitionFrame";
+        readonly _tag: "AdvancedAnimationFrame";
     } | {
-        readonly _tag: "EndedTransition";
+        readonly _tag: "EndedAnimation";
     };
 }>;
 /** Creates a combobox update function from variant-specific handlers. Shared logic (open, close, activate, transition) is handled internally; only close, selection, and immediate-activation behavior varies by variant. */
@@ -243,15 +243,15 @@ export declare const makeUpdate: <Model extends BaseModel>(handlers: Readonly<{
     } | {
         readonly _tag: "CompletedFocusInput";
     } | {
-        readonly _tag: "GotTransitionMessage";
+        readonly _tag: "GotAnimationMessage";
         readonly message: {
             readonly _tag: "Showed";
         } | {
             readonly _tag: "Hid";
         } | {
-            readonly _tag: "AdvancedTransitionFrame";
+            readonly _tag: "AdvancedAnimationFrame";
         } | {
-            readonly _tag: "EndedTransition";
+            readonly _tag: "EndedAnimation";
         };
     } | {
         readonly _tag: "UpdatedInputValue";