@foldkit/ui 0.168.0-canary.bfd880b1e6ca → 0.168.0-canary.c55d84c8199b

package/README.md

@@ -18,7 +18,7 @@ yarn add @foldkit/ui
 
 ## Usage
 
-Import a component namespace by name. Stateful components are completed Blocks: `Application.bindChild(Dialog.block, config)` connects their state, Messages, public operations, view, and lifecycle effects to the parent. Stateless render helpers such as Button expose a view function.
+Import a component by name. Each import is a namespace that groups the component's `view` and, for stateful components, its `Model`, `Message`, `init`, and `update`.
 
 ```typescript
 import type { HtmlBuilder } from 'foldkit/html'
@@ -28,7 +28,7 @@ import { Button } from '@foldkit/ui'
 const view = (h: HtmlBuilder<Message>) =>
   Button.view(
     {
-      onClick: Message.ClickedSave(),
+      onClick: ClickedSave(), // your Message
       toView: attributes =>
         h.button(
           [...attributes.button, h.Class('px-4 py-2 rounded-lg')],
@@ -42,14 +42,12 @@ const view = (h: HtmlBuilder<Message>) =>
 Components come in two shapes:
 
 - **Render helpers** (Button, Input, Textarea, Select, Checkbox, Switch, Disclosure, Fieldset) are stateless. Call their `view` directly with a typed config. The controlled helpers (Checkbox, Switch, Disclosure) take the current value in through their config and dispatch a parent Message when the user changes it; you store that value in your own Model.
-- **Blocks** (Combobox, Dialog, Listbox, Menu, Popover, RadioGroup, and the like) own a Model. Create a Binding through the parent authoring value, such as `const DialogBinding = Application.bindChild(Dialog.block, config)`, include it in the Composition's `bindings`, and render its `embedView(...)` descriptor with `h.block`. The Binding also folds the child's Messages and OutMessages into the parent.
+- **Submodels** (Combobox, Dialog, Listbox, Menu, Popover, RadioGroup, and the like) own a Model. Embed them with `h.submodel`, drive them through their `update`, and consume their `OutMessage` in the parent.
 
-Component subpaths also expose domain helpers and types. Generic factories are separate exports: `Combobox.create(City)` returns a completed Block with Schema-refined payloads, and `Tabs.create<Tab>()` refines a type-only tab value. Import component ViewInputs and other helper types from their subpaths.
-
-Stateless render helpers are also available as subpath namespaces:
+Every component is also available as a subpath import:
 
 ```typescript
-import * as Button from '@foldkit/ui/button'
+import { Button } from '@foldkit/ui/button'
 ```
 
 When a component name collides with another import (for example core's `Calendar`), alias it:
@@ -66,7 +64,7 @@ See the [component documentation](https://foldkit.dev/ui/overview) for the full
 
 ## Anchor
 
-`Anchor` is the positioning runtime the floating components share, exported at `@foldkit/ui/anchor`. It is neither a render helper nor a Block, so it is not in the list above. Reach for it when you need to anchor and portal a panel of your own from a Mount, and none of Listbox, Combobox, Menu, Popover, Tooltip, or DatePicker fits. See the [Anchor documentation](https://foldkit.dev/ui/anchor).
+`Anchor` is the positioning runtime the floating components share, exported at `@foldkit/ui/anchor`. It is neither a render helper nor a Submodel, so it is not in the list above. Reach for it when you need to anchor and portal a panel of your own from a Mount, and none of Listbox, Combobox, Menu, Popover, Tooltip, or DatePicker fits. See the [Anchor documentation](https://foldkit.dev/ui/anchor).
 
 ## License
 

package/dist/anchor/anchor.d.ts

@@ -31,14 +31,15 @@ export type AnchorConfig = typeof AnchorConfig.Type;
  *  that removes it again. Inside a `<dialog>`, the portal root is a div
  *  appended to that dialog, so the element stays above the dialog's content
  *  and interactive while a modal dialog makes everything outside it inert.
- *  The cleanup removes that div once it is empty. Otherwise the portal root
- *  is the shared `foldkit-portal-root` div within the element's containing
- *  root: the shadow root when mounted inside one, otherwise `document.body`.
- *  Either way the element escapes the clipping and stacking contexts of the
- *  ancestors it leaves, and keeps its root's scoped styles. Use
- *  `portalBackdrop` for a click-outside backdrop. Designed to be called from
- *  inside an `OnMount` action: the consumer wraps the call in `Effect.sync`
- *  and stashes the returned cleanup in the `Mount` result. */
+ *  Otherwise the portal root is the shared `foldkit-portal-root` div within
+ *  the element's containing root: the shadow root when mounted inside one,
+ *  otherwise `document.body`. Either way the element escapes the clipping
+ *  and stacking contexts of the ancestors it leaves, and keeps its root's
+ *  scoped styles. The cleanup removes the portal root once it is empty, so
+ *  the next open creates a fresh one. Use `portalBackdrop` for a
+ *  click-outside backdrop. Designed to be called from inside an `OnMount`
+ *  action: the consumer wraps the call in `Effect.sync` and stashes the
+ *  returned cleanup in the `Mount` result. */
 export declare const portalToContainingRoot: (element: Element) => (() => void);
 /** Relocates a click-outside backdrop and returns a cleanup function that
  *  removes it again. Outside a `<dialog>`, it does what

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

@@ -1 +1 @@
-{"version":3,"file":"anchor.d.ts","sourceRoot":"","sources":["../../src/anchor/anchor.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,MAAM,EAAgB,MAAM,QAAQ,CAAA;AAatE;mFACmF;AACnF,eAAO,MAAM,SAAS,0KAapB,CAAA;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,IAAI,CAAA;AAE7C;+DAC+D;AAC/D,eAAO,MAAM,OAAO;;;;;IAQlB,CAAA;AAEF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAEzC,oGAAoG;AACpG,eAAO,MAAM,YAAY;;;;;;;;;;;;EAOvB,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC,IAAI,CAAA;AAwEnD;;;;;;;;;;;8DAW8D;AAC9D,eAAO,MAAM,sBAAsB,YAAa,OAAO,KAAG,CAAC,MAAM,IAAI,CAsBpE,CAAA;AAWD;;;;;;;;;;;;;;;;;;;qCAmBqC;AACrC,eAAO,MAAM,cAAc,YAAa,OAAO,KAAG,CAAC,MAAM,IAAI,CAczD,CAAA;AAUJ;;;;;;;;;;;;;;;;;;;;;0BAqB0B;AAC1B,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;IACjC,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;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAC,CAAA;AAsBF;;;;;;;;;;;;;;;;;;;;;;;gFAuBgF;AAChF,eAAO,MAAM,WAAW,YACb,OAAO,UACR,WAAW,KAClB,CAAC,MAAM,IAAI,CAkQb,CAAA"}
+{"version":3,"file":"anchor.d.ts","sourceRoot":"","sources":["../../src/anchor/anchor.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,MAAM,EAAgB,MAAM,QAAQ,CAAA;AAatE;mFACmF;AACnF,eAAO,MAAM,SAAS,0KAapB,CAAA;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,IAAI,CAAA;AAE7C;+DAC+D;AAC/D,eAAO,MAAM,OAAO;;;;;IAQlB,CAAA;AAEF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAEzC,oGAAoG;AACpG,eAAO,MAAM,YAAY;;;;;;;;;;;;EAOvB,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC,IAAI,CAAA;AAqEnD;;;;;;;;;;;;8CAY8C;AAC9C,eAAO,MAAM,sBAAsB,YAAa,OAAO,KAAG,CAAC,MAAM,IAAI,CAuBpE,CAAA;AAWD;;;;;;;;;;;;;;;;;;;qCAmBqC;AACrC,eAAO,MAAM,cAAc,YAAa,OAAO,KAAG,CAAC,MAAM,IAAI,CAczD,CAAA;AAUJ;;;;;;;;;;;;;;;;;;;;;0BAqB0B;AAC1B,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;IACjC,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;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAC,CAAA;AAsBF;;;;;;;;;;;;;;;;;;;;;;;gFAuBgF;AAChF,eAAO,MAAM,WAAW,YACb,OAAO,UACR,WAAW,KAClB,CAAC,MAAM,IAAI,CAkQb,CAAA"}

package/dist/anchor/anchor.js

@@ -78,7 +78,6 @@ const getOrCreateDialogPortalRoot = (dialog) => {
     dialog.append(portalRoot);
     return __foldkitBrandViewResult((portalRoot), "@foldkit/ui/anchor/anchor.js#getOrCreateDialogPortalRoot");
 };
-const isDialogPortalRoot = (element) => __foldkitBrandViewResult((element.hasAttribute(DIALOG_PORTAL_ROOT_ATTRIBUTE)), "@foldkit/ui/anchor/anchor.js#isDialogPortalRoot");
 // NOTE: a dialog is its own stacking level (`Dom.showDialog` gives it a
 // near-maximal z-index, `showModal()` puts it in the top layer) and the only
 // subtree a modal dialog leaves interactive. An element portaled out of it is
@@ -93,14 +92,15 @@ const getOrCreatePortalRoot = (element) => __foldkitBrandViewResult((Option.matc
  *  that removes it again. Inside a `<dialog>`, the portal root is a div
  *  appended to that dialog, so the element stays above the dialog's content
  *  and interactive while a modal dialog makes everything outside it inert.
- *  The cleanup removes that div once it is empty. Otherwise the portal root
- *  is the shared `foldkit-portal-root` div within the element's containing
- *  root: the shadow root when mounted inside one, otherwise `document.body`.
- *  Either way the element escapes the clipping and stacking contexts of the
- *  ancestors it leaves, and keeps its root's scoped styles. Use
- *  `portalBackdrop` for a click-outside backdrop. Designed to be called from
- *  inside an `OnMount` action: the consumer wraps the call in `Effect.sync`
- *  and stashes the returned cleanup in the `Mount` result. */
+ *  Otherwise the portal root is the shared `foldkit-portal-root` div within
+ *  the element's containing root: the shadow root when mounted inside one,
+ *  otherwise `document.body`. Either way the element escapes the clipping
+ *  and stacking contexts of the ancestors it leaves, and keeps its root's
+ *  scoped styles. The cleanup removes the portal root once it is empty, so
+ *  the next open creates a fresh one. Use `portalBackdrop` for a
+ *  click-outside backdrop. Designed to be called from inside an `OnMount`
+ *  action: the consumer wraps the call in `Effect.sync` and stashes the
+ *  returned cleanup in the `Mount` result. */
 export const portalToContainingRoot = (element) => {
     const portalRoot = getOrCreatePortalRoot(element);
     portalRoot.appendChild(element);
@@ -113,12 +113,13 @@ export const portalToContainingRoot = (element) => {
             // so the remove() call can throw on a node that's already been removed.
             // Swallow the error.
         }
-        // NOTE: a dialog's children are usually rendered only while it is open,
-        // so after a close an empty portal root would be the dialog's only child,
-        // and on the next open the dialog's content would be inserted after it.
-        // Removing it lets the next element portaled into this dialog append a
-        // fresh root after the content.
-        if (isDialogPortalRoot(portalRoot) && !portalRoot.hasChildNodes()) {
+        // NOTE: a modal overlay isolates siblings before its Mount portals the
+        // panel. An empty shared root would become inert, then receive the panel.
+        // Removing empty roots lets the next open create one after isolation.
+        // Dialog roots must also be removed so a reopened dialog appends its portal
+        // root after the newly rendered content. Occupied shared roots are retained;
+        // opening a modal overlay while one exists can still make its panel inert.
+        if (!portalRoot.hasChildNodes()) {
             portalRoot.remove();
         }
     }), "@foldkit/ui/anchor/anchor.js#portalToContainingRoot");

package/dist/anchor/index.d.ts

@@ -1,2 +1,2 @@
-export { Placement, Padding, AnchorConfig, portalToContainingRoot, portalBackdrop, anchorSetup, type SetupConfig, } from './anchor.js';
+export * from './anchor.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/anchor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,OAAO,EACP,YAAY,EACZ,sBAAsB,EACtB,cAAc,EACd,WAAW,EACX,KAAK,WAAW,GACjB,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/anchor/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/dist/anchor/index.js

@@ -1 +1 @@
-export { Placement, Padding, AnchorConfig, portalToContainingRoot, portalBackdrop, anchorSetup, } from './anchor.js';
+export * from './anchor.js';

package/dist/animation/index.d.ts

@@ -1,2 +1,52 @@
-export { AnimationBlock, TransitionState, defaultLeaveCommand, type InitConfig, type ViewInputs, } from './block.js';
+import type { ChildAttribute, Html, TagName } from 'foldkit/html';
+import { Message, Model, OutMessage, TransitionState, init } from './schema.js';
+import { WaitForAnimationSettled, WaitForPaint, defaultLeaveCommand, hide, show, toggle, update } from './update.js';
+export type { Hid, InitConfig, Showed } from './schema.js';
+export { init, Message, Model, OutMessage, TransitionState };
+export { WaitForAnimationSettled, WaitForPaint, defaultLeaveCommand, hide, show, toggle, update, };
+/** Per-render view inputs passed to `view` via `h.submodel`'s `viewInputs` field. */
+export type ViewInputs = Readonly<{
+    content: Html;
+    className?: string;
+    attributes?: ReadonlyArray<ChildAttribute>;
+    element?: Exclude<TagName, 'textarea'>;
+    /** When true, wraps content in a CSS grid container that smoothly animates
+     *  height via `grid-template-rows: 0fr → 1fr`. The element stays in the DOM
+     *  when hidden (collapsed to zero height) instead of being removed. */
+    animateSize?: boolean;
+}>;
+/** Renders a headless animation wrapper that coordinates CSS transitions and
+ *  CSS keyframe animations via data attributes.
+ *
+ *  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: import("foldkit/submodel").View<{
+    readonly id: string;
+    readonly isShowing: boolean;
+    readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
+    readonly transitionGeneration: number;
+}, {
+    readonly _tag: "CompletedWaitForPaint";
+    readonly generation: number;
+} | {
+    readonly _tag: "EndedAnimation";
+    readonly generation: number;
+} | {
+    readonly _tag: "Hid";
+} | {
+    readonly _tag: "Showed";
+}, Readonly<{
+    content: Html;
+    className?: string;
+    attributes?: ReadonlyArray<ChildAttribute>;
+    element?: Exclude<TagName, 'textarea'>;
+    /** When true, wraps content in a CSS grid container that smoothly animates
+     *  height via `grid-template-rows: 0fr → 1fr`. The element stays in the DOM
+     *  when hidden (collapsed to zero height) instead of being removed. */
+    animateSize?: boolean;
+}>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,KAAK,UAAU,EACf,KAAK,UAAU,GAChB,MAAM,YAAY,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,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAC/E,OAAO,EACL,uBAAuB,EACvB,YAAY,EACZ,mBAAmB,EACnB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACP,MAAM,aAAa,CAAA;AAEpB,YAAY,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,CAAA;AAE5D,OAAO,EACL,uBAAuB,EACvB,YAAY,EACZ,mBAAmB,EACnB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,GACP,CAAA;AAID,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,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA;IACtC;;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,CAAC,OAAO,EAAE,UAAU,CAAC;IACtC;;2EAEuE;kBACzD,OAAO;GA2GtB,CAAA"}

package/dist/animation/index.js

@@ -1 +1,74 @@
-export { AnimationBlock, TransitionState, defaultLeaveCommand, } from './block.js';
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { Match } from 'effect';
+import { defineView } from 'foldkit/submodel';
+import { Message, Model, OutMessage, TransitionState, init } from './schema.js';
+import { WaitForAnimationSettled, WaitForPaint, defaultLeaveCommand, hide, show, toggle, update, } from './update.js';
+export { init, Message, Model, OutMessage, TransitionState };
+export { WaitForAnimationSettled, WaitForPaint, defaultLeaveCommand, hide, show, toggle, update, };
+/** Renders a headless animation wrapper that coordinates CSS transitions and
+ *  CSS keyframe animations via data attributes.
+ *
+ *  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 const view = defineView((model, viewInputs, h) => {
+    const { id, isShowing, transitionState } = model;
+    const { content, className, attributes = [], element = 'div', animateSize = false, } = viewInputs;
+    const isLeaving = transitionState === 'LeaveStart' || transitionState === 'LeaveAnimating';
+    const isVisible = isShowing || isLeaving;
+    const transitionAttributes = Match.value(transitionState).pipe(Match.when('EnterStart', () => __foldkitBrandViewResult(([
+        h.DataAttribute('closed', ''),
+        h.DataAttribute('enter', ''),
+        h.DataAttribute('transition', ''),
+    ]), "@foldkit/ui/animation/index.js#anonymous~2")), Match.when('EnterAnimating', () => __foldkitBrandViewResult(([
+        h.DataAttribute('enter', ''),
+        h.DataAttribute('transition', ''),
+    ]), "@foldkit/ui/animation/index.js#anonymous~3")), Match.when('LeaveStart', () => __foldkitBrandViewResult(([
+        h.DataAttribute('leave', ''),
+        h.DataAttribute('transition', ''),
+    ]), "@foldkit/ui/animation/index.js#anonymous~4")), Match.when('LeaveAnimating', () => __foldkitBrandViewResult(([
+        h.DataAttribute('closed', ''),
+        h.DataAttribute('leave', ''),
+        h.DataAttribute('transition', ''),
+    ]), "@foldkit/ui/animation/index.js#anonymous~5")), Match.orElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/animation/index.js#anonymous~6")));
+    if (animateSize) {
+        const isClosed = transitionState === 'EnterStart' ||
+            transitionState === 'LeaveAnimating' ||
+            !isVisible;
+        return __foldkitBrandViewResult((h.div([
+            h.Style({
+                display: 'grid',
+                gridTemplateRows: isClosed ? '0fr' : '1fr',
+                transition: 'grid-template-rows 200ms ease-out',
+                overflow: 'hidden',
+            }),
+        ], [
+            h.div([
+                h.Style({ minHeight: '0px', overflow: 'hidden' }),
+                ...(!isVisible ? [h.AriaHidden(true)] : []),
+            ], [
+                h.keyed(element)(id, [
+                    h.Id(id),
+                    ...(isClosed && transitionState === 'Idle'
+                        ? [h.DataAttribute('closed', '')]
+                        : []),
+                    ...transitionAttributes,
+                    ...(className ? [h.Class(className)] : []),
+                    ...attributes,
+                ], [content]),
+            ]),
+        ])), "@foldkit/ui/animation/index.js#anonymous");
+    }
+    if (!isVisible) {
+        return __foldkitBrandViewResult((h.empty), "@foldkit/ui/animation/index.js#anonymous");
+    }
+    return __foldkitBrandViewResult((h.keyed(element)(id, [
+        h.Id(id),
+        ...transitionAttributes,
+        ...(className ? [h.Class(className)] : []),
+        ...attributes,
+    ], [content])), "@foldkit/ui/animation/index.js#anonymous");
+});

package/dist/animation/public.d.ts

@@ -1,4 +1,3 @@
-export { AnimationBlock, TransitionState, defaultLeaveCommand, type InitConfig, type ViewInputs, } from './index.js';
-/** Original Animation Command Definitions for Story and Scene test resolution. */
-export * as test from './test.js';
+export { init, show, hide, update, toggle, view, defaultLeaveCommand, Model, Message, OutMessage, type Showed, type Hid, 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,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,KAAK,UAAU,EACf,KAAK,UAAU,GAChB,MAAM,YAAY,CAAA;AAEnB,kFAAkF;AAClF,OAAO,KAAK,IAAI,MAAM,WAAW,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/animation/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,EACJ,mBAAmB,EACnB,KAAK,EACL,OAAO,EACP,UAAU,EACV,KAAK,MAAM,EACX,KAAK,GAAG,EACR,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,3 +1 @@
-export { AnimationBlock, TransitionState, defaultLeaveCommand, } from './index.js';
-/** Original Animation Command Definitions for Story and Scene test resolution. */
-export * as test from './test.js';
+export { init, show, hide, update, toggle, view, defaultLeaveCommand, Model, Message, OutMessage, TransitionState, WaitForPaint, WaitForAnimationSettled, } from './index.js';

package/dist/animation/schema.d.ts

@@ -15,14 +15,6 @@ export type Model = typeof Model.Type;
 export declare const Message: import("foldkit/message").MessageUnion<{
     readonly Showed: {};
     readonly Hid: {};
-    readonly RequestedShow: {};
-    readonly RequestedHide: {};
-    readonly RequestedFinish: {
-        generation: Schema.Number;
-    };
-    readonly RequestedToggle: {};
-    readonly RequestedResume: {};
-    readonly RequestedImmediateReset: {};
     readonly CompletedWaitForPaint: {
         generation: Schema.Number;
     };
@@ -46,6 +38,6 @@ export type InitConfig = Readonly<{
     id: string;
     isShowing?: boolean;
 }>;
-/** @internal Creates the initial Animation Model before Composition authoring. */
-export declare const makeInitialModel: (config: InitConfig) => Model;
+/** 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/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,EAAE,MAAM,QAAQ,CAAA;AAK/B,6EAA6E;AAC7E,eAAO,MAAM,eAAe,oGAM1B,CAAA;AACF,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC,IAAI,CAAA;AAIzD;6BAC6B;AAC7B,eAAO,MAAM,KAAK;;;;;EAKhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,iEAAiE;AACjE,eAAO,MAAM,OAAO;;;;;;QAKC,UAAU;;;;;;QAIJ,UAAU;;;QACjB,UAAU;;EAC5B,CAAA;AACF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAEzC,MAAM,MAAM,MAAM,GAAG,OAAO,OAAO,CAAC,MAAM,CAAC,IAAI,CAAA;AAC/C,MAAM,MAAM,GAAG,GAAG,OAAO,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;AAIzC,0DAA0D;AAC1D,eAAO,MAAM,UAAU;;QACI,UAAU;;;EAEnC,CAAA;AACF,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,kFAAkF;AAClF,eAAO,MAAM,gBAAgB,WAAY,UAAU,KAAG,KAKpD,CAAA"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/animation/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAK/B,6EAA6E;AAC7E,eAAO,MAAM,eAAe,oGAM1B,CAAA;AACF,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC,IAAI,CAAA;AAIzD;6BAC6B;AAC7B,eAAO,MAAM,KAAK;;;;;EAKhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,iEAAiE;AACjE,eAAO,MAAM,OAAO;;;;QAGO,UAAU;;;QACjB,UAAU;;EAC5B,CAAA;AACF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAEzC,MAAM,MAAM,MAAM,GAAG,OAAO,OAAO,CAAC,MAAM,CAAC,IAAI,CAAA;AAC/C,MAAM,MAAM,GAAG,GAAG,OAAO,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;AAIzC,0DAA0D;AAC1D,eAAO,MAAM,UAAU;;QACI,UAAU;;;EAEnC,CAAA;AACF,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,WAAY,UAAU,KAAG,KAKxC,CAAA"}

package/dist/animation/schema.js

@@ -24,12 +24,6 @@ export const Model = Schema.Struct({
 export const Message = defineMessageUnion({
     Showed: {},
     Hid: {},
-    RequestedShow: {},
-    RequestedHide: {},
-    RequestedFinish: { generation: Schema.Number },
-    RequestedToggle: {},
-    RequestedResume: {},
-    RequestedImmediateReset: {},
     CompletedWaitForPaint: { generation: Schema.Number },
     EndedAnimation: { generation: Schema.Number },
 });
@@ -39,10 +33,10 @@ export const OutMessage = defineMessageUnion({
     StartedLeaveAnimating: { generation: Schema.Number },
     TransitionedOut: {},
 });
-/** @internal Creates the initial Animation Model before Composition authoring. */
-export const makeInitialModel = (config) => (__foldkitBrandViewResult(({
+/** Creates an initial animation model from a config. Defaults to hidden. */
+export const init = (config) => (__foldkitBrandViewResult(({
     id: config.id,
     isShowing: config.isShowing ?? false,
     transitionState: 'Idle',
     transitionGeneration: 0,
-}), "@foldkit/ui/animation/schema.js#makeInitialModel"));
+}), "@foldkit/ui/animation/schema.js#init"));