foldkit 0.101.0 → 0.102.0

package/dist/ui/dialog/index.js

@@ -1,7 +1,7 @@
 import { Effect, Match as M, Option, Schema as S } from 'effect';
 import * as Command from '../../command/index.js';
 import * as Dom from '../../dom/index.js';
-import { createLazy, html, } from '../../html/index.js';
+import { childAttributes, defineView, html, } from '../../html/index.js';
 import { m } from '../../message/index.js';
 import { evo } from '../../struct/index.js';
 // NOTE: Animation imports are split across schema + update to avoid a circular
@@ -20,12 +20,12 @@ export const Model = S.Struct({
 });
 // MESSAGE
 /** Sent when the dialog should open. Triggers the showModal command. */
-export const Opened = m('Opened');
-/** Sent when the dialog should close (Escape key, backdrop click, or programmatic). Triggers the closeModal command. */
-export const Closed = m('Closed');
-/** Sent when the show-dialog command completes (scroll lock + showModal). */
+export const RequestedOpen = m('RequestedOpen');
+/** Sent when the dialog should close (Escape key, backdrop click, or programmatic). */
+export const RequestedClose = m('RequestedClose');
+/** Sent when the show-dialog command completes. */
 export const CompletedShowDialog = m('CompletedShowDialog');
-/** Sent when the close-dialog command completes (closeModal + scroll unlock). */
+/** Sent when the close-dialog command completes. */
 export const CompletedCloseDialog = m('CompletedCloseDialog');
 /** Wraps an Animation submodel message for delegation. */
 export const GotAnimationMessage = m('GotAnimationMessage', {
@@ -33,12 +33,25 @@ export const GotAnimationMessage = m('GotAnimationMessage', {
 });
 /** Union of all messages the dialog component can produce. */
 export const Message = S.Union([
-    Opened,
-    Closed,
+    RequestedOpen,
+    RequestedClose,
     CompletedShowDialog,
     CompletedCloseDialog,
     GotAnimationMessage,
 ]);
+// OUT MESSAGE
+/** Sent once the dialog has transitioned to open. Fires after `update`
+ *  has processed `RequestedOpen` and `isOpen` reflects the new state.
+ *  Programmatic `Dialog.open` on an already-open model is a no-op that
+ *  does not re-emit. */
+export const Opened = m('Opened');
+/** Sent once the dialog has transitioned to closed. Programmatic
+ *  `Dialog.close` on an already-closed model is a no-op that does not
+ *  re-emit; calling close while a leave animation is in progress is
+ *  also a no-op. */
+export const Closed = m('Closed');
+/** Union of out-messages the dialog component can produce. */
+export const OutMessage = S.Union([Opened, Closed]);
 /** Creates an initial dialog model from a config. Defaults to closed and non-animated. */
 export const init = (config) => ({
     id: config.id,
@@ -60,15 +73,15 @@ export const ShowDialog = Command.define('ShowDialog', { id: S.String, maybeFocu
 }))), Effect.ignore, Effect.as(CompletedShowDialog())));
 /** Calls `close()` on the native dialog element and unlocks page scroll. */
 export const CloseDialog = Command.define('CloseDialog', { id: S.String }, CompletedCloseDialog)(({ id }) => Dom.closeModal(dialogSelector(id)).pipe(Effect.andThen(() => Dom.unlockScroll), Effect.ignore, Effect.as(CompletedCloseDialog())));
-const toParentMessage = (message) => GotAnimationMessage({ message });
+const wrapAnimationMessage = (message) => GotAnimationMessage({ message });
 const delegateToAnimation = (model, animationMessage) => {
     const [nextAnimation, animationCommands, maybeOutMessage] = animationUpdate(model.animation, animationMessage);
-    const mappedCommands = animationCommands.map(Command.mapEffect(Effect.map(toParentMessage)));
+    const mappedCommands = Command.mapMessages(animationCommands, wrapAnimationMessage);
     const additionalCommands = Option.match(maybeOutMessage, {
         onNone: () => [],
         onSome: M.type().pipe(M.tagsExhaustive({
             StartedLeaveAnimating: () => [
-                Command.mapEffect(animationDefaultLeaveCommand(nextAnimation), Effect.map(toParentMessage)),
+                Command.mapMessage(animationDefaultLeaveCommand(nextAnimation), wrapAnimationMessage),
             ],
             TransitionedOut: () => [CloseDialog({ id: model.id })],
         })),
@@ -76,58 +89,73 @@ const delegateToAnimation = (model, animationMessage) => {
     return [
         evo(model, { animation: () => nextAnimation }),
         [...mappedCommands, ...additionalCommands],
+        Option.none(),
     ];
 };
 /** Processes a dialog message and returns the next model and commands. */
 export const update = (model, message) => M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
-    Opened: () => {
+    RequestedOpen: () => {
+        const wasClosed = !model.isOpen;
         const maybeShow = Option.liftPredicate(ShowDialog({
             id: model.id,
             maybeFocusSelector: model.maybeFocusSelector,
-        }), () => !model.isOpen);
+        }), () => wasClosed);
+        const maybeOutMessage = wasClosed
+            ? Option.some(Opened())
+            : Option.none();
         if (model.isAnimated) {
             const [nextModel, animationCommands] = delegateToAnimation(model, AnimationShowed());
             return [
                 evo(nextModel, { isOpen: () => true }),
                 [...Option.toArray(maybeShow), ...animationCommands],
+                maybeOutMessage,
             ];
         }
-        return [evo(model, { isOpen: () => true }), Option.toArray(maybeShow)];
+        return [
+            evo(model, { isOpen: () => true }),
+            Option.toArray(maybeShow),
+            maybeOutMessage,
+        ];
     },
-    Closed: () => {
+    RequestedClose: () => {
         const { transitionState } = model.animation;
         const isLeaving = transitionState === 'LeaveStart' ||
             transitionState === 'LeaveAnimating';
         if (isLeaving) {
-            return [model, []];
+            return [model, [], Option.none()];
         }
+        const wasOpen = model.isOpen;
+        const maybeOutMessage = wasOpen ? Option.some(Closed()) : Option.none();
         if (model.isAnimated) {
             const [nextModel, animationCommands] = delegateToAnimation(evo(model, { isOpen: () => false }), AnimationHid());
-            return [nextModel, animationCommands];
+            return [nextModel, animationCommands, maybeOutMessage];
         }
-        const maybeClose = Option.liftPredicate(CloseDialog({ id: model.id }), () => model.isOpen);
-        return [evo(model, { isOpen: () => false }), Option.toArray(maybeClose)];
+        const maybeClose = Option.liftPredicate(CloseDialog({ id: model.id }), () => wasOpen);
+        return [
+            evo(model, { isOpen: () => false }),
+            Option.toArray(maybeClose),
+            maybeOutMessage,
+        ];
     },
     GotAnimationMessage: ({ message: animationMessage }) => delegateToAnimation(model, animationMessage),
-    CompletedShowDialog: () => [model, []],
-    CompletedCloseDialog: () => [model, []],
+    CompletedShowDialog: () => [model, [], Option.none()],
+    CompletedCloseDialog: () => [model, [], Option.none()],
 }));
+/** Programmatically opens the dialog. */
+export const open = (model) => update(model, RequestedOpen());
+/** Programmatically closes the dialog. */
+export const close = (model) => update(model, RequestedClose());
 // VIEW
 /** Returns the ID used for `aria-labelledby` on the dialog. Apply this to your title element. */
 export const titleId = (model) => `${model.id}-title`;
 /** Returns the ID used for `aria-describedby` on the dialog. Apply this to your description element. */
 export const descriptionId = (model) => `${model.id}-description`;
-/** Programmatically opens the dialog, updating the model and returning
- *  show commands. Use this in domain-event handlers to open the dialog. */
-export const open = (model) => update(model, Opened());
-/** Programmatically closes the dialog, updating the model and returning
- *  close commands. Use this in domain-event handlers when the dialog uses `onClosed`. */
-export const close = (model) => update(model, Closed());
-/** Renders a headless dialog component backed by the native `<dialog>` element with `showModal()`. */
-export const view = (config) => {
+/** Renders a headless dialog component backed by the native `<dialog>`
+ *  element with `showModal()`. */
+export const view = defineView((model, viewInputs) => {
     const h = html();
-    const { model: { id, isOpen, animation: { transitionState }, }, toParentMessage, onClosed, panelContent, panelClassName, panelAttributes = [], backdropClassName, backdropAttributes = [], className, attributes = [], } = config;
-    const dispatchClosed = () => onClosed ? onClosed() : toParentMessage(Closed());
+    const { id, isOpen, animation: { transitionState }, } = model;
+    const { toView } = viewInputs;
     const isLeaving = transitionState === 'LeaveStart' || transitionState === 'LeaveAnimating';
     const isVisible = isOpen || isLeaving;
     const animationAttributes = M.value(transitionState).pipe(M.when('EnterStart', () => [
@@ -149,7 +177,7 @@ export const view = (config) => {
         h.Id(id),
         h.AriaLabelledBy(`${id}-title`),
         h.AriaDescribedBy(`${id}-description`),
-        h.OnCancel(dispatchClosed()),
+        h.OnCancel(RequestedClose()),
         h.Open(isVisible),
         h.Style({
             width: '100%',
@@ -164,36 +192,17 @@ export const view = (config) => {
                 : {}),
         }),
         ...(isVisible ? [h.DataAttribute('open', '')] : []),
-        ...(className ? [h.Class(className)] : []),
-        ...attributes,
     ];
-    const backdrop = h.keyed('div')(`${id}-backdrop`, [
+    const backdropAttributes = [
         h.Style({ minHeight: '100vh' }),
         ...animationAttributes,
-        ...(isLeaving ? [] : [h.OnClick(dispatchClosed())]),
-        ...(backdropClassName ? [h.Class(backdropClassName)] : []),
-        ...backdropAttributes,
-    ], []);
-    const panel = h.keyed('div')(`${id}-panel`, [
-        h.Id(`${id}-panel`),
-        ...animationAttributes,
-        ...(panelClassName ? [h.Class(panelClassName)] : []),
-        ...panelAttributes,
-    ], [panelContent]);
-    const content = isVisible ? [backdrop, panel] : [];
-    return h.keyed('dialog')(id, dialogAttributes, content);
-};
-/** Creates a memoized dialog view. Static config (className, panelClassName,
- *  etc.) is captured in a closure. Dynamic fields — `model`, `toParentMessage`,
- *  and `panelContent` — are compared by reference per render via `createLazy`.
- *  When any of them change, the view re-renders; otherwise the cached VNode is
- *  reused and snabbdom skips the entire subtree. */
-export const lazy = (staticConfig) => {
-    const lazyView = createLazy();
-    return (model, toParentMessage, panelContent) => lazyView((currentModel, currentToParentMessage, currentPanelContent) => view({
-        ...staticConfig,
-        model: currentModel,
-        toParentMessage: currentToParentMessage,
-        panelContent: currentPanelContent,
-    }), [model, toParentMessage, panelContent]);
-};
+        ...(isLeaving ? [] : [h.OnClick(RequestedClose())]),
+    ];
+    const panelAttributes = [h.Id(`${id}-panel`), ...animationAttributes];
+    return toView({
+        dialog: childAttributes(dialogAttributes),
+        backdrop: childAttributes(backdropAttributes),
+        panel: childAttributes(panelAttributes),
+        isVisible,
+    });
+});

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

@@ -1,3 +1,3 @@
-export { init, update, open, close, view, lazy, titleId, descriptionId, Model, Message, Opened, Closed, CompletedShowDialog, CompletedCloseDialog, GotAnimationMessage, ShowDialog, CloseDialog, } from './index.js';
-export type { InitConfig, ViewConfig } from './index.js';
+export { init, update, open, close, view, titleId, descriptionId, Model, Message, OutMessage, Opened, Closed, RequestedOpen, RequestedClose, CompletedShowDialog, CompletedCloseDialog, GotAnimationMessage, ShowDialog, CloseDialog, } from './index.js';
+export type { InitConfig, ViewInputs, RenderInfo } from './index.js';
 //# sourceMappingURL=public.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/dialog/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,aAAa,EACb,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,EACV,WAAW,GACZ,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/dialog/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,OAAO,EACP,aAAa,EACb,KAAK,EACL,OAAO,EACP,UAAU,EACV,MAAM,EACN,MAAM,EACN,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,EACV,WAAW,GACZ,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA"}

package/dist/ui/dialog/public.js

@@ -1 +1 @@
-export { init, update, open, close, view, lazy, titleId, descriptionId, Model, Message, Opened, Closed, CompletedShowDialog, CompletedCloseDialog, GotAnimationMessage, ShowDialog, CloseDialog, } from './index.js';
+export { init, update, open, close, view, titleId, descriptionId, Model, Message, OutMessage, Opened, Closed, RequestedOpen, RequestedClose, CompletedShowDialog, CompletedCloseDialog, GotAnimationMessage, ShowDialog, CloseDialog, } from './index.js';

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

@@ -1,6 +1,7 @@
-import { Effect, Schema as S } from 'effect';
+import { Effect, Option, Schema as S } from 'effect';
 import * as Command from '../../command/index.js';
-import { type Attribute, type Html, type TagName } from '../../html/index.js';
+import { type ChildAttribute, type Html } from '../../html/index.js';
+import type { Reflect } from '../../submodel/submodel.js';
 /** Schema for the disclosure component's state, tracking its unique ID and open/closed status. */
 export declare const Model: S.Struct<{
     readonly id: S.String;
@@ -23,6 +24,15 @@ export type Toggled = typeof Toggled.Type;
 export type Closed = typeof Closed.Type;
 export type CompletedFocusButton = typeof CompletedFocusButton.Type;
 export type Message = typeof Message.Type;
+/** Sent to the parent each time the disclosure toggles. The new open state is available on the next model snapshot; this OutMessage signals only that the transition happened. Consumers typically use this for analytics, lazy content loading, or saving open/closed state to a store. */
+export declare const ToggledOpenState: import("../../schema/index.js").CallableTaggedStruct<"ToggledOpenState", {
+    isOpen: S.Boolean;
+}>;
+export declare const OutMessage: S.Union<readonly [import("../../schema/index.js").CallableTaggedStruct<"ToggledOpenState", {
+    isOpen: S.Boolean;
+}>]>;
+export type OutMessage = typeof OutMessage.Type;
+export type ToggledOpenState = typeof ToggledOpenState.Type;
 /** Configuration for creating a disclosure model with `init`. */
 export type InitConfig = Readonly<{
     id: string;
@@ -36,35 +46,65 @@ export declare const FocusButton: Command.CommandDefinitionWithArgs<"FocusButton
 }, Effect.Effect<{
     readonly _tag: "CompletedFocusButton";
 }, never, never>>;
-/** Processes a disclosure message and returns the next model and commands. */
-export declare const update: (model: Model, message: Message) => readonly [Model, ReadonlyArray<Command.Command<Message>>];
-/** Configuration for rendering a disclosure with `view`. */
-export type ViewConfig<ParentMessage> = Readonly<{
-    model: Model;
-    toParentMessage: (message: Toggled | Closed | CompletedFocusButton) => ParentMessage;
-    onToggled?: () => ParentMessage;
-    buttonClassName?: string;
-    buttonAttributes?: ReadonlyArray<Attribute<ParentMessage>>;
-    buttonContent: Html;
-    panelClassName?: string;
-    panelAttributes?: ReadonlyArray<Attribute<ParentMessage>>;
-    panelContent: Html;
-    isDisabled?: boolean;
-    persistPanel?: boolean;
-    buttonElement?: TagName;
-    panelElement?: TagName;
-    className?: string;
-    attributes?: ReadonlyArray<Attribute<ParentMessage>>;
-}>;
+type UpdateReturn = readonly [
+    Model,
+    ReadonlyArray<Command.Command<Message>>,
+    Option.Option<OutMessage>
+];
+/** Processes a disclosure message and returns the next model, commands, and optional OutMessage. */
+export declare const update: (model: Model, message: Message) => UpdateReturn;
 /** Programmatically toggles the disclosure, updating the model and returning
- *  focus commands. Use this in domain-event handlers when the disclosure uses `onToggled`. */
-export declare const toggle: (model: Model) => readonly [Model, ReadonlyArray<Command.Command<Message>>];
+ *  focus commands plus a `ToggledOpenState` OutMessage. */
+export declare const toggle: (model: Model) => UpdateReturn;
 /** Programmatically closes the disclosure, updating the model and returning
- *  focus commands. Use this in domain-event handlers to close the disclosure. */
-export declare const close: (model: Model) => readonly [Model, ReadonlyArray<Command.Command<Message>>];
-/** Renders a headless disclosure component with accessible ARIA attributes and keyboard support. */
-export declare const view: <ParentMessage>(config: ViewConfig<ParentMessage>) => Html;
-/** Creates a memoized disclosure view. Static config is captured in a closure;
- *  only `model` and `toParentMessage` are compared per render via `createLazy`. */
-export declare const lazy: <ParentMessage>(staticConfig: Omit<ViewConfig<ParentMessage>, "model" | "toParentMessage" | "onToggled">) => ((model: Model, toParentMessage: ViewConfig<ParentMessage>["toParentMessage"]) => Html);
+ *  focus commands plus a `ToggledOpenState` OutMessage when it was open. */
+export declare const close: (model: Model) => UpdateReturn;
+/** Reflects an externally-sourced open state onto the model without
+ *  emitting an OutMessage or running the focus command. Use this to mirror
+ *  external truth (restored storage, a deep link) onto the disclosure.
+ *  Contrast with `toggle`/`close`, which represent user or programmatic
+ *  *choices* and emit `ToggledOpenState`. Returns the model directly
+ *  because it produces no commands and no OutMessage. */
+export declare const reflectOpenState: Reflect<Model, boolean>;
+/** Attribute groups the disclosure component provides to the consumer's
+ *  `toView` callback. The consumer composes the button + panel layout
+ *  themselves using these bundles. */
+export type DisclosureAttributes = Readonly<{
+    button: ReadonlyArray<ChildAttribute>;
+    panel: ReadonlyArray<ChildAttribute>;
+}>;
+/** Per-render view inputs passed to `view` via `h.submodel`'s `viewInputs` field.
+ *
+ *  - `toView`: receives the disclosure's `button` and `panel` attribute
+ *    bundles and returns the composed layout. The consumer reads
+ *    `isOpen` from their parent model when they need to render
+ *    conditionally on it.
+ *  - `isDisabled`: when true, the button is not clickable, gets
+ *    `aria-disabled` and a `data-disabled` attribute. */
+export type ViewInputs = Readonly<{
+    toView: (attributes: DisclosureAttributes) => Html;
+    isDisabled?: boolean;
+}>;
+/** Renders a headless disclosure component with accessible ARIA
+ *  attributes and keyboard support. The consumer composes the layout
+ *  through the `toView` slot, spreading the published `button` and
+ *  `panel` attribute bundles onto their own elements.
+ *
+ *  Designed to be embedded via `h.submodel`. The consumer reacts to
+ *  toggle events by pattern-matching the `ToggledOpenState` OutMessage
+ *  from the third element of `update`'s return tuple. */
+export declare const view: import("../../html/submodel.js").SubmodelView<{
+    readonly id: string;
+    readonly isOpen: boolean;
+}, {
+    readonly _tag: "Closed";
+} | {
+    readonly _tag: "CompletedFocusButton";
+} | {
+    readonly _tag: "Toggled";
+}, Readonly<{
+    toView: (attributes: DisclosureAttributes) => Html;
+    isDisabled?: boolean;
+}>>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/ui/disclosure/index.js

@@ -1,7 +1,7 @@
-import { Effect, Match as M, Option, Schema as S } from 'effect';
+import { Effect, Function, Match as M, Option, Schema as S } from 'effect';
 import * as Command from '../../command/index.js';
 import * as Dom from '../../dom/index.js';
-import { createLazy, html, } from '../../html/index.js';
+import { childAttributes, defineView, html, } from '../../html/index.js';
 import { m } from '../../message/index.js';
 import { evo } from '../../struct/index.js';
 // MODEL
@@ -19,6 +19,10 @@ export const Closed = m('Closed');
 export const CompletedFocusButton = m('CompletedFocusButton');
 /** Union of all messages the disclosure component can produce. */
 export const Message = S.Union([Toggled, Closed, CompletedFocusButton]);
+// OUT MESSAGE
+/** Sent to the parent each time the disclosure toggles. The new open state is available on the next model snapshot; this OutMessage signals only that the transition happened. Consumers typically use this for analytics, lazy content loading, or saving open/closed state to a store. */
+export const ToggledOpenState = m('ToggledOpenState', { isOpen: S.Boolean });
+export const OutMessage = S.Union([ToggledOpenState]);
 /** Creates an initial disclosure model from a config. Defaults to closed. */
 export const init = (config) => ({
     id: config.id,
@@ -30,86 +34,77 @@ const buttonSelector = (id) => `#${CSS.escape(buttonId(id))}`;
 const panelId = (id) => `${id}-panel`;
 /** Moves focus to the disclosure's toggle button. */
 export const FocusButton = Command.define('FocusButton', { id: S.String }, CompletedFocusButton)(({ id }) => Dom.focus(buttonSelector(id)).pipe(Effect.ignore, Effect.as(CompletedFocusButton())));
-/** Processes a disclosure message and returns the next model and commands. */
-export const update = (model, message) => M.value(message).pipe(M.withReturnType(), M.tagsExhaustive({
+const withUpdateReturn = M.withReturnType();
+/** Processes a disclosure message and returns the next model, commands, and optional OutMessage. */
+export const update = (model, message) => M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
     Toggled: () => {
+        const nextIsOpen = !model.isOpen;
         const maybeFocus = Option.liftPredicate(FocusButton({ id: model.id }), () => model.isOpen);
         return [
-            evo(model, { isOpen: () => !model.isOpen }),
+            evo(model, { isOpen: () => nextIsOpen }),
             Option.toArray(maybeFocus),
+            Option.some(ToggledOpenState({ isOpen: nextIsOpen })),
         ];
     },
     Closed: () => {
+        if (!model.isOpen) {
+            return [model, [], Option.none()];
+        }
         const maybeFocus = Option.liftPredicate(FocusButton({ id: model.id }), () => model.isOpen);
-        return [evo(model, { isOpen: () => false }), Option.toArray(maybeFocus)];
+        return [
+            evo(model, { isOpen: () => false }),
+            Option.toArray(maybeFocus),
+            Option.some(ToggledOpenState({ isOpen: false })),
+        ];
     },
-    CompletedFocusButton: () => [model, []],
+    CompletedFocusButton: () => [model, [], Option.none()],
 }));
 /** Programmatically toggles the disclosure, updating the model and returning
- *  focus commands. Use this in domain-event handlers when the disclosure uses `onToggled`. */
+ *  focus commands plus a `ToggledOpenState` OutMessage. */
 export const toggle = (model) => update(model, Toggled());
 /** Programmatically closes the disclosure, updating the model and returning
- *  focus commands. Use this in domain-event handlers to close the disclosure. */
+ *  focus commands plus a `ToggledOpenState` OutMessage when it was open. */
 export const close = (model) => update(model, Closed());
-/** Renders a headless disclosure component with accessible ARIA attributes and keyboard support. */
-export const view = (config) => {
+/** Reflects an externally-sourced open state onto the model without
+ *  emitting an OutMessage or running the focus command. Use this to mirror
+ *  external truth (restored storage, a deep link) onto the disclosure.
+ *  Contrast with `toggle`/`close`, which represent user or programmatic
+ *  *choices* and emit `ToggledOpenState`. Returns the model directly
+ *  because it produces no commands and no OutMessage. */
+export const reflectOpenState = Function.dual(2, (model, isOpen) => evo(model, { isOpen: () => isOpen }));
+/** Renders a headless disclosure component with accessible ARIA
+ *  attributes and keyboard support. The consumer composes the layout
+ *  through the `toView` slot, spreading the published `button` and
+ *  `panel` attribute bundles onto their own elements.
+ *
+ *  Designed to be embedded via `h.submodel`. The consumer reacts to
+ *  toggle events by pattern-matching the `ToggledOpenState` OutMessage
+ *  from the third element of `update`'s return tuple. */
+export const view = defineView((model, viewInputs) => {
     const h = html();
-    const { model: { id, isOpen }, toParentMessage, onToggled, buttonClassName, buttonAttributes = [], buttonContent, panelClassName, panelAttributes = [], panelContent, isDisabled, persistPanel, buttonElement = 'button', panelElement = 'div', className, attributes = [], } = config;
-    const dispatchToggled = () => onToggled ? onToggled() : toParentMessage(Toggled());
-    const isNativeButton = buttonElement === 'button';
-    const handleKeyDown = (key) => M.value(key).pipe(M.whenOr('Enter', ' ', () => Option.some(dispatchToggled())), M.orElse(() => Option.none()));
-    const disabledAttributes = [
-        h.Disabled(true),
-        h.AriaDisabled(true),
-        h.DataAttribute('disabled', ''),
-    ];
-    const interactionAttributes = isDisabled
-        ? disabledAttributes
-        : [
-            h.OnClick(dispatchToggled()),
-            ...(!isNativeButton ? [h.OnKeyDownPreventDefault(handleKeyDown)] : []),
-        ];
-    const resolvedButtonAttributes = [
+    const { id, isOpen } = model;
+    const { toView, isDisabled = false } = viewInputs;
+    const handleKeyDown = (key) => M.value(key).pipe(M.whenOr('Enter', ' ', () => Option.some(Toggled())), M.orElse(() => Option.none()));
+    const disabledAttributes = isDisabled
+        ? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
+        : [];
+    const buttonAttributes = [
         h.Id(buttonId(id)),
         h.AriaExpanded(isOpen),
         h.AriaControls(panelId(id)),
-        ...(isNativeButton ? [h.Type('button')] : [h.Tabindex(0)]),
+        h.Tabindex(0),
         ...(isOpen ? [h.DataAttribute('open', '')] : []),
-        ...interactionAttributes,
-        ...(buttonClassName ? [h.Class(buttonClassName)] : []),
-        ...buttonAttributes,
+        ...disabledAttributes,
+        ...(isDisabled
+            ? []
+            : [h.OnClick(Toggled()), h.OnKeyDownPreventDefault(handleKeyDown)]),
     ];
-    const resolvedPanelAttributes = [
+    const panelAttributes = [
         h.Id(panelId(id)),
         ...(isOpen ? [h.DataAttribute('open', '')] : []),
-        ...(panelClassName ? [h.Class(panelClassName)] : []),
-        ...panelAttributes,
     ];
-    const persistedPanel = h.keyed(panelElement)(panelId(id), [
-        ...resolvedPanelAttributes,
-        h.Hidden(!isOpen),
-        ...(isOpen ? [] : [h.Style({ display: 'none' })]),
-    ], [panelContent]);
-    const activePanel = isOpen
-        ? h.keyed(panelElement)(panelId(id), resolvedPanelAttributes, [
-            panelContent,
-        ])
-        : h.empty;
-    const panel = persistPanel ? persistedPanel : activePanel;
-    return h.div([...(className ? [h.Class(className)] : []), ...attributes], [
-        h.keyed(buttonElement)(buttonId(id), resolvedButtonAttributes, [
-            buttonContent,
-        ]),
-        panel,
-    ]);
-};
-/** Creates a memoized disclosure view. Static config is captured in a closure;
- *  only `model` and `toParentMessage` are compared per render via `createLazy`. */
-export const lazy = (staticConfig) => {
-    const lazyView = createLazy();
-    return (model, toParentMessage) => lazyView((currentModel, currentToParentMessage) => view({
-        ...staticConfig,
-        model: currentModel,
-        toParentMessage: currentToParentMessage,
-    }), [model, toParentMessage]);
-};
+    return toView({
+        button: childAttributes(buttonAttributes),
+        panel: childAttributes(panelAttributes),
+    });
+});

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

@@ -1,3 +1,3 @@
-export { init, update, toggle, close, view, lazy, Model, Message, Toggled, Closed, CompletedFocusButton, FocusButton, } from './index.js';
-export type { InitConfig, ViewConfig } from './index.js';
+export { init, update, toggle, close, reflectOpenState, view, Model, Message, OutMessage, ToggledOpenState, Closed, CompletedFocusButton, FocusButton, } from './index.js';
+export type { InitConfig, ViewInputs, DisclosureAttributes, Toggled, } from './index.js';
 //# sourceMappingURL=public.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/disclosure/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,MAAM,EACN,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EACP,MAAM,EACN,oBAAoB,EACpB,WAAW,GACZ,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/disclosure/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,MAAM,EACN,KAAK,EACL,gBAAgB,EAChB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,oBAAoB,EACpB,WAAW,GACZ,MAAM,YAAY,CAAA;AAEnB,YAAY,EACV,UAAU,EACV,UAAU,EACV,oBAAoB,EACpB,OAAO,GACR,MAAM,YAAY,CAAA"}

package/dist/ui/disclosure/public.js

@@ -1 +1 @@
-export { init, update, toggle, close, view, lazy, Model, Message, Toggled, Closed, CompletedFocusButton, FocusButton, } from './index.js';
+export { init, update, toggle, close, reflectOpenState, view, Model, Message, OutMessage, ToggledOpenState, Closed, CompletedFocusButton, FocusButton, } from './index.js';

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

@@ -84,7 +84,7 @@ export declare const PressedArrowKey: import("../../schema/index.js").CallableTa
     direction: S.Literals<readonly ["Up", "Down", "Left", "Right", "NextContainer", "PreviousContainer"]>;
 }>;
 /** An animation frame fired during auto-scroll. */
-export declare const CompletedAutoScroll: import("../../schema/index.js").CallableTaggedStruct<"CompletedAutoScroll", {}>;
+export declare const AdvancedAutoScrollFrame: import("../../schema/index.js").CallableTaggedStruct<"AdvancedAutoScrollFrame", {}>;
 /** The FocusItem Command completed. */
 export declare const CompletedFocusItem: import("../../schema/index.js").CallableTaggedStruct<"CompletedFocusItem", {}>;
 /** Union of all messages the drag-and-drop component can produce. */
@@ -97,7 +97,7 @@ export declare const Message: S.Union<[
     typeof ResolvedKeyboardMove,
     typeof ConfirmedKeyboardDrop,
     typeof PressedArrowKey,
-    typeof CompletedAutoScroll,
+    typeof AdvancedAutoScrollFrame,
     typeof CompletedFocusItem
 ]>;
 export type Message = typeof Message.Type;
@@ -244,7 +244,7 @@ export declare const subscriptions: {
             readonly _tag: "PressedArrowKey";
             readonly direction: "Left" | "Right" | "Up" | "Down" | "NextContainer" | "PreviousContainer";
         } | {
-            readonly _tag: "CompletedAutoScroll";
+            readonly _tag: "AdvancedAutoScrollFrame";
         } | {
             readonly _tag: "CompletedFocusItem";
         }, never, never>;
@@ -339,7 +339,7 @@ export declare const subscriptions: {
             readonly _tag: "PressedArrowKey";
             readonly direction: "Left" | "Right" | "Up" | "Down" | "NextContainer" | "PreviousContainer";
         } | {
-            readonly _tag: "CompletedAutoScroll";
+            readonly _tag: "AdvancedAutoScrollFrame";
         } | {
             readonly _tag: "CompletedFocusItem";
         }, never, never>;
@@ -434,7 +434,7 @@ export declare const subscriptions: {
             readonly _tag: "PressedArrowKey";
             readonly direction: "Left" | "Right" | "Up" | "Down" | "NextContainer" | "PreviousContainer";
         } | {
-            readonly _tag: "CompletedAutoScroll";
+            readonly _tag: "AdvancedAutoScrollFrame";
         } | {
             readonly _tag: "CompletedFocusItem";
         }, never, never>;
@@ -538,7 +538,7 @@ export declare const subscriptions: {
             readonly _tag: "PressedArrowKey";
             readonly direction: "Left" | "Right" | "Up" | "Down" | "NextContainer" | "PreviousContainer";
         } | {
-            readonly _tag: "CompletedAutoScroll";
+            readonly _tag: "AdvancedAutoScrollFrame";
         } | {
             readonly _tag: "CompletedFocusItem";
         }, never, never>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/dragAndDrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EAEN,WAAW,EAEX,MAAM,EAEN,MAAM,IAAI,CAAC,EACX,MAAM,EAEP,MAAM,QAAQ,CAAA;AAEf,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAA;AAEjD,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,qBAAqB,CAAA;AAoB1D,QAAA,MAAM,UAAU;;;EAGd,CAAA;AA8BF,mHAAmH;AACnH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,sDAAsD;AACtD,eAAO,MAAM,gBAAgB;;;;;;EAM3B,CAAA;AACF,yEAAyE;AACzE,eAAO,MAAM,YAAY;;;;;;;;;EAMvB,CAAA;AACF,gCAAgC;AAChC,eAAO,MAAM,eAAe,6EAAuB,CAAA;AACnD,wCAAwC;AACxC,eAAO,MAAM,aAAa,2EAAqB,CAAA;AAC/C,mFAAmF;AACnF,eAAO,MAAM,qBAAqB;;;;EAIhC,CAAA;AACF,gFAAgF;AAChF,eAAO,MAAM,oBAAoB;;;EAG/B,CAAA;AACF,8DAA8D;AAC9D,eAAO,MAAM,qBAAqB,mFAA6B,CAAA;AAC/D,0DAA0D;AAC1D,eAAO,MAAM,eAAe;;EAS1B,CAAA;AACF,mDAAmD;AACnD,eAAO,MAAM,mBAAmB,iFAA2B,CAAA;AAC3D,uCAAuC;AACvC,eAAO,MAAM,kBAAkB,gFAA0B,CAAA;AAEzD,qEAAqE;AACrE,eAAO,MAAM,OAAO,EAAE,CAAC,CAAC,KAAK,CAC3B;IACE,OAAO,gBAAgB;IACvB,OAAO,YAAY;IACnB,OAAO,eAAe;IACtB,OAAO,aAAa;IACpB,OAAO,qBAAqB;IAC5B,OAAO,oBAAoB;IAC3B,OAAO,qBAAqB;IAC5B,OAAO,eAAe;IACtB,OAAO,mBAAmB;IAC1B,OAAO,kBAAkB;CAC1B,CAYD,CAAA;AAEF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,0GAA0G;AAC1G,eAAO,MAAM,SAAS;;;;;;EAMpB,CAAA;AACF,4FAA4F;AAC5F,eAAO,MAAM,SAAS,uEAAkB,CAAA;AAExC,oFAAoF;AACpF,eAAO,MAAM,UAAU;;;;;;2EAAkC,CAAA;AACzD,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;AAO/C,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAC,CAAA;AAEF,0IAA0I;AAC1I,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAMxC,CAAA;AAMF,oEAAoE;AACpE,eAAO,MAAM,SAAS;;;;iBASrB,CAAA;AA+GD,+GAA+G;AAC/G,eAAO,MAAM,mBAAmB;;;;;;;;;iBAgBJ,CAAA;AAI5B,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,0HAA0H;AAC1H,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,EAAE,SAAS,OAAO,KAAG,YA0LrD,CAAA;AA4FH,2FAA2F;AAC3F,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6KvB,CAAA;AAgBH,uDAAuD;AACvD,MAAM,MAAM,gBAAgB,GACxB,OAAO,gBAAgB,CAAC,IAAI,GAC5B,OAAO,qBAAqB,CAAC,IAAI,CAAA;AAErC,wEAAwE;AACxE,MAAM,MAAM,eAAe,CAAC,aAAa,IAAI,QAAQ,CAAC;IACpD,KAAK,EAAE,KAAK,CAAA;IACZ,eAAe,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,aAAa,CAAA;IAC7D,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEF,0HAA0H;AAC1H,eAAO,MAAM,SAAS,GAAI,aAAa,EACrC,QAAQ,eAAe,CAAC,aAAa,CAAC,KACrC,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CA6DxC,CAAA;AAED,+EAA+E;AAC/E,eAAO,MAAM,SAAS,GAAI,aAAa,EACrC,aAAa,MAAM,EACnB,QAAQ,MAAM,KACb,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAOxC,CAAA;AAED,8GAA8G;AAC9G,eAAO,MAAM,QAAQ,GAAI,aAAa,EACpC,QAAQ,MAAM,KACb,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAGxC,CAAA;AAKD,kGAAkG;AAClG,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,KACX,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAcpC,CAAA;AAEH,kFAAkF;AAClF,eAAO,MAAM,UAAU,GAAI,yBAAyB,KAAK,KAAG,OACR,CAAA;AAEpD,6EAA6E;AAC7E,eAAO,MAAM,kBAAkB,GAAI,OAAO,KAAK,KAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAMnE,CAAA;AAEH,oJAAoJ;AACpJ,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,KACX,MAAM,CAAC,MAAM,CAAC,OAAO,UAAU,CAAC,IAAI,CAUpC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/dragAndDrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EAEN,WAAW,EAEX,MAAM,EAEN,MAAM,IAAI,CAAC,EACX,MAAM,EAEP,MAAM,QAAQ,CAAA;AAEf,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAA;AAEjD,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,qBAAqB,CAAA;AAoB1D,QAAA,MAAM,UAAU;;;EAGd,CAAA;AA8BF,mHAAmH;AACnH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,sDAAsD;AACtD,eAAO,MAAM,gBAAgB;;;;;;EAM3B,CAAA;AACF,yEAAyE;AACzE,eAAO,MAAM,YAAY;;;;;;;;;EAMvB,CAAA;AACF,gCAAgC;AAChC,eAAO,MAAM,eAAe,6EAAuB,CAAA;AACnD,wCAAwC;AACxC,eAAO,MAAM,aAAa,2EAAqB,CAAA;AAC/C,mFAAmF;AACnF,eAAO,MAAM,qBAAqB;;;;EAIhC,CAAA;AACF,gFAAgF;AAChF,eAAO,MAAM,oBAAoB;;;EAG/B,CAAA;AACF,8DAA8D;AAC9D,eAAO,MAAM,qBAAqB,mFAA6B,CAAA;AAC/D,0DAA0D;AAC1D,eAAO,MAAM,eAAe;;EAS1B,CAAA;AACF,mDAAmD;AACnD,eAAO,MAAM,uBAAuB,qFAA+B,CAAA;AACnE,uCAAuC;AACvC,eAAO,MAAM,kBAAkB,gFAA0B,CAAA;AAEzD,qEAAqE;AACrE,eAAO,MAAM,OAAO,EAAE,CAAC,CAAC,KAAK,CAC3B;IACE,OAAO,gBAAgB;IACvB,OAAO,YAAY;IACnB,OAAO,eAAe;IACtB,OAAO,aAAa;IACpB,OAAO,qBAAqB;IAC5B,OAAO,oBAAoB;IAC3B,OAAO,qBAAqB;IAC5B,OAAO,eAAe;IACtB,OAAO,uBAAuB;IAC9B,OAAO,kBAAkB;CAC1B,CAYD,CAAA;AAEF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,0GAA0G;AAC1G,eAAO,MAAM,SAAS;;;;;;EAMpB,CAAA;AACF,4FAA4F;AAC5F,eAAO,MAAM,SAAS,uEAAiB,CAAA;AAEvC,oFAAoF;AACpF,eAAO,MAAM,UAAU;;;;;;2EAAkC,CAAA;AACzD,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;AAO/C,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAC,CAAA;AAEF,0IAA0I;AAC1I,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAMxC,CAAA;AAMF,oEAAoE;AACpE,eAAO,MAAM,SAAS;;;;iBASrB,CAAA;AA+GD,+GAA+G;AAC/G,eAAO,MAAM,mBAAmB;;;;;;;;;iBAgBJ,CAAA;AAI5B,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,0HAA0H;AAC1H,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,EAAE,SAAS,OAAO,KAAG,YA0LrD,CAAA;AA4FH,2FAA2F;AAC3F,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6KvB,CAAA;AAuBH,uDAAuD;AACvD,MAAM,MAAM,gBAAgB,GACxB,OAAO,gBAAgB,CAAC,IAAI,GAC5B,OAAO,qBAAqB,CAAC,IAAI,CAAA;AAErC,wEAAwE;AACxE,MAAM,MAAM,eAAe,CAAC,aAAa,IAAI,QAAQ,CAAC;IACpD,KAAK,EAAE,KAAK,CAAA;IACZ,eAAe,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,aAAa,CAAA;IAC7D,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEF,0HAA0H;AAC1H,eAAO,MAAM,SAAS,GAAI,aAAa,EACrC,QAAQ,eAAe,CAAC,aAAa,CAAC,KACrC,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CA6DxC,CAAA;AAED,+EAA+E;AAC/E,eAAO,MAAM,SAAS,GAAI,aAAa,EACrC,aAAa,MAAM,EACnB,QAAQ,MAAM,KACb,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAOxC,CAAA;AAED,8GAA8G;AAC9G,eAAO,MAAM,QAAQ,GAAI,aAAa,EACpC,QAAQ,MAAM,KACb,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAGxC,CAAA;AAKD,kGAAkG;AAClG,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,KACX,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAcpC,CAAA;AAEH,kFAAkF;AAClF,eAAO,MAAM,UAAU,GAAI,yBAAyB,KAAK,KAAG,OACR,CAAA;AAEpD,6EAA6E;AAC7E,eAAO,MAAM,kBAAkB,GAAI,OAAO,KAAK,KAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAMnE,CAAA;AAEH,oJAAoJ;AACpJ,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,KACX,MAAM,CAAC,MAAM,CAAC,OAAO,UAAU,CAAC,IAAI,CAUpC,CAAA"}