foldkit 0.25.0 → 0.27.0

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

@@ -0,0 +1,183 @@
+import { Option, Schema as S } from 'effect';
+import type { Html } from '../../html';
+import { type BaseInitConfig, type BaseViewConfig } from './shared';
+/** Schema for the single-select combobox component's state, tracking open/closed status, active item, input value, selected item, and display text. */
+export declare const Model: S.extend<S.Struct<{
+    id: typeof S.String;
+    isOpen: typeof S.Boolean;
+    isAnimated: typeof S.Boolean;
+    isModal: typeof S.Boolean;
+    nullable: typeof S.Boolean;
+    immediate: typeof S.Boolean;
+    selectInputOnFocus: typeof S.Boolean;
+    transitionState: S.Literal<["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
+    maybeActiveItemIndex: S.OptionFromSelf<typeof S.Number>;
+    activationTrigger: S.Literal<["Pointer", "Keyboard"]>;
+    inputValue: typeof S.String;
+    maybeLastPointerPosition: S.OptionFromSelf<S.Struct<{
+        screenX: typeof S.Number;
+        screenY: typeof S.Number;
+    }>>;
+}>, S.Struct<{
+    maybeSelectedItem: S.OptionFromSelf<typeof S.String>;
+    maybeSelectedDisplayText: S.OptionFromSelf<typeof S.String>;
+}>>;
+export type Model = typeof Model.Type;
+/** Configuration for creating a single-select combobox model with `init`. `isAnimated` enables CSS transition coordination (default `false`). `isModal` locks page scroll and inerts other elements when open (default `false`). `selectedItem` sets the initial selection (default none). */
+export type InitConfig = BaseInitConfig & Readonly<{
+    selectedItem?: string;
+    selectedDisplayText?: string;
+}>;
+/** Creates an initial single-select combobox model from a config. Defaults to closed with no active item, empty input, and no selection. */
+export declare const init: (config: InitConfig) => Model;
+/** Processes a combobox message and returns the next model and commands. Closes the combobox on selection (single-select behavior). */
+export declare const update: (model: {
+    readonly id: string;
+    readonly isOpen: boolean;
+    readonly isAnimated: boolean;
+    readonly isModal: boolean;
+    readonly nullable: boolean;
+    readonly immediate: boolean;
+    readonly selectInputOnFocus: boolean;
+    readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
+    readonly maybeActiveItemIndex: Option.Option<number>;
+    readonly activationTrigger: "Pointer" | "Keyboard";
+    readonly inputValue: string;
+    readonly maybeLastPointerPosition: Option.Option<{
+        readonly screenX: number;
+        readonly screenY: number;
+    }>;
+} & {
+    readonly maybeSelectedItem: Option.Option<string>;
+    readonly maybeSelectedDisplayText: Option.Option<string>;
+}, message: import("./shared").Message) => [{
+    readonly id: string;
+    readonly isOpen: boolean;
+    readonly isAnimated: boolean;
+    readonly isModal: boolean;
+    readonly nullable: boolean;
+    readonly immediate: boolean;
+    readonly selectInputOnFocus: boolean;
+    readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
+    readonly maybeActiveItemIndex: Option.Option<number>;
+    readonly activationTrigger: "Pointer" | "Keyboard";
+    readonly inputValue: string;
+    readonly maybeLastPointerPosition: Option.Option<{
+        readonly screenX: number;
+        readonly screenY: number;
+    }>;
+} & {
+    readonly maybeSelectedItem: Option.Option<string>;
+    readonly maybeSelectedDisplayText: Option.Option<string>;
+}, readonly import("../../command").Command<{
+    readonly _tag: "Opened";
+    readonly maybeActiveItemIndex: Option.Option<number>;
+} | {
+    readonly _tag: "Closed";
+} | {
+    readonly _tag: "ClosedByTab";
+} | {
+    readonly _tag: "ActivatedItem";
+    readonly activationTrigger: "Pointer" | "Keyboard";
+    readonly index: number;
+    readonly maybeImmediateSelection: Option.Option<{
+        readonly item: string;
+        readonly displayText: string;
+    }>;
+} | {
+    readonly _tag: "DeactivatedItem";
+} | {
+    readonly _tag: "SelectedItem";
+    readonly item: string;
+    readonly displayText: string;
+} | {
+    readonly _tag: "MovedPointerOverItem";
+    readonly screenX: number;
+    readonly screenY: number;
+    readonly index: number;
+} | {
+    readonly _tag: "RequestedItemClick";
+    readonly index: number;
+} | {
+    readonly _tag: "NoOp";
+} | {
+    readonly _tag: "AdvancedTransitionFrame";
+} | {
+    readonly _tag: "EndedTransition";
+} | {
+    readonly _tag: "DetectedInputMovement";
+} | {
+    readonly _tag: "UpdatedInputValue";
+    readonly value: string;
+} | {
+    readonly _tag: "PressedToggleButton";
+}>[]];
+/** Configuration for rendering a single-select combobox with `view`. */
+export type ViewConfig<Message, Item extends string> = BaseViewConfig<Message, Item, Model>;
+/** Renders a headless single-select combobox with keyboard navigation, selection tracking, and aria-activedescendant focus management. */
+export declare const view: <Message, Item extends string>(config: Readonly<{
+    model: {
+        readonly id: string;
+        readonly isOpen: boolean;
+        readonly isAnimated: boolean;
+        readonly isModal: boolean;
+        readonly nullable: boolean;
+        readonly immediate: boolean;
+        readonly selectInputOnFocus: boolean;
+        readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
+        readonly maybeActiveItemIndex: Option.Option<number>;
+        readonly activationTrigger: "Pointer" | "Keyboard";
+        readonly inputValue: string;
+        readonly maybeLastPointerPosition: Option.Option<{
+            readonly screenX: number;
+            readonly screenY: number;
+        }>;
+    } & {
+        readonly maybeSelectedItem: Option.Option<string>;
+        readonly maybeSelectedDisplayText: Option.Option<string>;
+    };
+    toMessage: (message: import("./shared").Opened | import("./shared").Closed | import("./shared").ClosedByTab | import("./shared").ActivatedItem | import("./shared").DeactivatedItem | import("./shared").SelectedItem | import("./shared").MovedPointerOverItem | import("./shared").RequestedItemClick | import("./shared").UpdatedInputValue | import("./shared").PressedToggleButton | import("./shared").NoOp) => Message;
+    items: readonly Item[];
+    itemToConfig: (item: Item, context: Readonly<{
+        isActive: boolean;
+        isDisabled: boolean;
+        isSelected: boolean;
+    }>) => Readonly<{
+        className: string;
+        content: Html;
+    }>;
+    itemToValue: (item: Item, index: number) => string;
+    itemToDisplayText: (item: Item, index: number) => string;
+    isItemDisabled?: (item: Item, index: number) => boolean;
+    inputClassName: string;
+    inputPlaceholder?: string;
+    itemsClassName: string;
+    itemsScrollClassName?: string;
+    backdropClassName: string;
+    className?: string;
+    inputWrapperClassName?: string;
+    buttonContent?: Html;
+    buttonClassName?: string;
+    formName?: string;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    openOnFocus?: boolean;
+    itemGroupKey?: (item: Item, index: number) => string;
+    groupToHeading?: (groupKey: string) => Readonly<{
+        content: Html;
+        className: string;
+    }> | undefined;
+    groupClassName?: string;
+    separatorClassName?: string;
+    anchor?: Readonly<{
+        placement?: import("@floating-ui/dom").Placement;
+        gap?: number;
+        offset?: number;
+        padding?: number;
+        portal?: boolean;
+    }>;
+}>) => Html;
+/** Creates a memoized single-select combobox view. Static config is captured in a closure;
+ *  only `model` and `toMessage` are compared per render via `createLazy`. */
+export declare const lazy: <Message, Item extends string>(staticConfig: Omit<ViewConfig<Message, Item>, "model" | "toMessage">) => ((model: Model, toMessage: BaseViewConfig<Message, Item, Model>["toMessage"]) => Html);
+//# sourceMappingURL=single.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"single.d.ts","sourceRoot":"","sources":["../../../src/ui/combobox/single.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,MAAM,EAAE,MAAM,IAAI,CAAC,EAAQ,MAAM,QAAQ,CAAA;AAEzD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAGtC,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EAKpB,MAAM,UAAU,CAAA;AAIjB,uJAAuJ;AACvJ,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;GAOjB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,8RAA8R;AAC9R,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,QAAQ,CAAC;IACP,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAC,CAAA;AAEJ,4IAA4I;AAC5I,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAMxC,CAAA;AAIF,uIAAuI;AACvI,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqDjB,CAAA;AAIF,wEAAwE;AACxE,MAAM,MAAM,UAAU,CAAC,OAAO,EAAE,IAAI,SAAS,MAAM,IAAI,cAAc,CACnE,OAAO,EACP,IAAI,EACJ,KAAK,CACN,CAAA;AAED,0IAA0I;AAC1I,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAOf,CAAA;AAEF;6EAC6E;AAC7E,eAAO,MAAM,IAAI,GAAI,OAAO,EAAE,IAAI,SAAS,MAAM,EAC/C,cAAc,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,KACnE,CAAC,CACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,WAAW,CAAC,KACzD,IAAI,CAgBR,CAAA"}

package/dist/ui/combobox/single.js

@@ -0,0 +1,73 @@
+import { Array, Option, Schema as S, pipe } from 'effect';
+import { createLazy } from '../../html/lazy';
+import { evo } from '../../struct';
+import { BaseModel, baseInit, closedBaseModel, makeUpdate, makeView, } from './shared';
+// MODEL
+/** Schema for the single-select combobox component's state, tracking open/closed status, active item, input value, selected item, and display text. */
+export const Model = BaseModel.pipe(S.extend(S.Struct({
+    maybeSelectedItem: S.OptionFromSelf(S.String),
+    maybeSelectedDisplayText: S.OptionFromSelf(S.String),
+})));
+/** Creates an initial single-select combobox model from a config. Defaults to closed with no active item, empty input, and no selection. */
+export const init = (config) => ({
+    ...baseInit(config),
+    maybeSelectedItem: Option.fromNullable(config.selectedItem),
+    maybeSelectedDisplayText: Option.fromNullable(config.selectedDisplayText ?? config.selectedItem),
+});
+// UPDATE
+/** Processes a combobox message and returns the next model and commands. Closes the combobox on selection (single-select behavior). */
+export const update = makeUpdate({
+    handleClose: model => {
+        if (model.nullable && model.inputValue === '') {
+            return evo(closedBaseModel(model), {
+                maybeSelectedItem: () => Option.none(),
+                maybeSelectedDisplayText: () => Option.none(),
+                inputValue: () => '',
+            });
+        }
+        return evo(closedBaseModel(model), {
+            inputValue: () => Option.getOrElse(model.maybeSelectedDisplayText, () => ''),
+        });
+    },
+    handleSelectedItem: (model, item, displayText, context) => {
+        const isAlreadySelected = Option.exists(model.maybeSelectedItem, selectedItem => selectedItem === item);
+        const nextModel = model.nullable && isAlreadySelected
+            ? evo(closedBaseModel(model), {
+                inputValue: () => '',
+                maybeSelectedItem: () => Option.none(),
+                maybeSelectedDisplayText: () => Option.none(),
+            })
+            : evo(closedBaseModel(model), {
+                inputValue: () => displayText,
+                maybeSelectedItem: () => Option.some(item),
+                maybeSelectedDisplayText: () => Option.some(displayText),
+            });
+        return [
+            nextModel,
+            pipe(Array.getSomes([
+                context.maybeNextFrame,
+                context.maybeUnlockScroll,
+                context.maybeRestoreInert,
+            ]), Array.prepend(context.focusInput)),
+        ];
+    },
+    handleImmediateActivation: (model, item, displayText) => evo(model, {
+        maybeSelectedItem: () => Option.some(item),
+        maybeSelectedDisplayText: () => Option.some(displayText),
+    }),
+});
+/** Renders a headless single-select combobox with keyboard navigation, selection tracking, and aria-activedescendant focus management. */
+export const view = makeView({
+    isItemSelected: (model, itemValue) => Option.exists(model.maybeSelectedItem, selectedItem => selectedItem === itemValue),
+    ariaMultiSelectable: false,
+});
+/** Creates a memoized single-select combobox view. Static config is captured in a closure;
+ *  only `model` and `toMessage` are compared per render via `createLazy`. */
+export const lazy = (staticConfig) => {
+    const lazyView = createLazy();
+    return (model, toMessage) => lazyView((currentModel, currentToMessage) => view({
+        ...staticConfig,
+        model: currentModel,
+        toMessage: currentToMessage,
+    }), [model, toMessage]);
+};

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

@@ -43,4 +43,7 @@ export type ViewConfig<Message> = Readonly<{
 }>;
 /** Renders a headless dialog component backed by the native `<dialog>` element with `showModal()`. */
 export declare const view: <Message>(config: ViewConfig<Message>) => Html;
+/** Creates a memoized dialog view. Static config is captured in a closure;
+ *  only `model` and `toMessage` are compared per render via `createLazy`. */
+export declare const lazy: <Message>(staticConfig: Omit<ViewConfig<Message>, "model" | "toMessage">) => ((model: Model, toMessage: ViewConfig<Message>["toMessage"]) => Html);
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEhE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAE5C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAOtC,8FAA8F;AAC9F,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,wEAAwE;AACxE,eAAO,MAAM,MAAM,2DAAc,CAAA;AACjC,wHAAwH;AACxH,eAAO,MAAM,MAAM,2DAAc,CAAA;AACjC,oHAAoH;AACpH,eAAO,MAAM,IAAI,yDAAY,CAAA;AAE7B,8DAA8D;AAC9D,eAAO,MAAM,OAAO,0LAAgC,CAAA;AAEpD,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC,IAAI,CAAA;AACvC,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC,IAAI,CAAA;AACvC,MAAM,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,CAAA;AAEnC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,6DAA6D;AAC7D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF,yEAAyE;AACzE,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAMF,0EAA0E;AAC1E,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CA4BvC,CAAA;AAIH,iGAAiG;AACjG,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,KAAG,MAA6B,CAAA;AAEpE,wGAAwG;AACxG,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,KAAG,MAAmC,CAAA;AAEhF,wDAAwD;AACxD,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,KAAK,EAAE,KAAK,CAAA;IACZ,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAA;IAC9C,YAAY,EAAE,IAAI,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,iBAAiB,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,sGAAsG;AACtG,eAAO,MAAM,IAAI,GAAI,OAAO,EAAE,QAAQ,UAAU,CAAC,OAAO,CAAC,KAAG,IA6C3D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEhE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAE5C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAQtC,8FAA8F;AAC9F,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,wEAAwE;AACxE,eAAO,MAAM,MAAM,2DAAc,CAAA;AACjC,wHAAwH;AACxH,eAAO,MAAM,MAAM,2DAAc,CAAA;AACjC,oHAAoH;AACpH,eAAO,MAAM,IAAI,yDAAY,CAAA;AAE7B,8DAA8D;AAC9D,eAAO,MAAM,OAAO,0LAAgC,CAAA;AAEpD,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC,IAAI,CAAA;AACvC,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC,IAAI,CAAA;AACvC,MAAM,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,CAAA;AAEnC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,6DAA6D;AAC7D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF,yEAAyE;AACzE,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAMF,0EAA0E;AAC1E,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CA4BvC,CAAA;AAIH,iGAAiG;AACjG,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,KAAG,MAA6B,CAAA;AAEpE,wGAAwG;AACxG,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,KAAG,MAAmC,CAAA;AAEhF,wDAAwD;AACxD,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,KAAK,EAAE,KAAK,CAAA;IACZ,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAA;IAC9C,YAAY,EAAE,IAAI,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,iBAAiB,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,sGAAsG;AACtG,eAAO,MAAM,IAAI,GAAI,OAAO,EAAE,QAAQ,UAAU,CAAC,OAAO,CAAC,KAAG,IA6C3D,CAAA;AAED;6EAC6E;AAC7E,eAAO,MAAM,IAAI,GAAI,OAAO,EAC1B,cAAc,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,KAC7D,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,KAAK,IAAI,CAgBtE,CAAA"}

package/dist/ui/dialog/index.js

@@ -1,5 +1,6 @@
 import { Effect, Match as M, Option, Schema as S } from 'effect';
 import { html } from '../../html';
+import { createLazy } from '../../html/lazy';
 import { m } from '../../message';
 import { evo } from '../../struct';
 import * as Task from '../../task';
@@ -59,3 +60,13 @@ export const view = (config) => {
     const content = isOpen ? [backdrop, panel] : [];
     return keyed('dialog')(id, dialogAttributes, content);
 };
+/** Creates a memoized dialog view. Static config is captured in a closure;
+ *  only `model` and `toMessage` are compared per render via `createLazy`. */
+export const lazy = (staticConfig) => {
+    const lazyView = createLazy();
+    return (model, toMessage) => lazyView((currentModel, currentToMessage) => view({
+        ...staticConfig,
+        model: currentModel,
+        toMessage: currentToMessage,
+    }), [model, toMessage]);
+};

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

@@ -1,3 +1,3 @@
-export { init, update, view, titleId, descriptionId, Model, Message, Opened, Closed, NoOp, } from './index';
+export { init, update, view, lazy, titleId, descriptionId, Model, Message, Opened, Closed, NoOp, } from './index';
 export type { InitConfig, ViewConfig } from './index';
 //# 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,OAAO,EACP,aAAa,EACb,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,IAAI,GACL,MAAM,SAAS,CAAA;AAEhB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,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,IAAI,EACJ,OAAO,EACP,aAAa,EACb,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,IAAI,GACL,MAAM,SAAS,CAAA;AAEhB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}

package/dist/ui/dialog/public.js

@@ -1 +1 @@
-export { init, update, view, titleId, descriptionId, Model, Message, Opened, Closed, NoOp, } from './index';
+export { init, update, view, lazy, titleId, descriptionId, Model, Message, Opened, Closed, NoOp, } from './index';

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

@@ -44,4 +44,7 @@ export type ViewConfig<Message> = Readonly<{
 }>;
 /** Renders a headless disclosure component with accessible ARIA attributes and keyboard support. */
 export declare const view: <Message>(config: ViewConfig<Message>) => Html;
+/** Creates a memoized disclosure view. Static config is captured in a closure;
+ *  only `model` and `toMessage` are compared per render via `createLazy`. */
+export declare const lazy: <Message>(staticConfig: Omit<ViewConfig<Message>, "model" | "toMessage">) => ((model: Model, toMessage: ViewConfig<Message>["toMessage"]) => Html);
 //# 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":"AAAA,OAAO,EAA8B,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEhE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAE5C,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAO/C,kGAAkG;AAClG,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,iFAAiF;AACjF,eAAO,MAAM,OAAO,4DAAe,CAAA;AACnC,gFAAgF;AAChF,eAAO,MAAM,MAAM,2DAAc,CAAA;AACjC,kGAAkG;AAClG,eAAO,MAAM,IAAI,yDAAY,CAAA;AAE7B,kEAAkE;AAClE,eAAO,MAAM,OAAO,2LAAiC,CAAA;AAErD,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AACzC,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC,IAAI,CAAA;AACvC,MAAM,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,CAAA;AAEnC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,iEAAiE;AACjE,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF,6EAA6E;AAC7E,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAUF,8EAA8E;AAC9E,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CA+BvC,CAAA;AAIH,4DAA4D;AAC5D,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,KAAK,EAAE,KAAK,CAAA;IACZ,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,KAAK,OAAO,CAAA;IACxD,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,IAAI,CAAA;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,IAAI,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,oGAAoG;AACpG,eAAO,MAAM,IAAI,GAAI,OAAO,EAAE,QAAQ,UAAU,CAAC,OAAO,CAAC,KAAG,IAyF3D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/disclosure/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEhE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAE5C,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAQ/C,kGAAkG;AAClG,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,iFAAiF;AACjF,eAAO,MAAM,OAAO,4DAAe,CAAA;AACnC,gFAAgF;AAChF,eAAO,MAAM,MAAM,2DAAc,CAAA;AACjC,kGAAkG;AAClG,eAAO,MAAM,IAAI,yDAAY,CAAA;AAE7B,kEAAkE;AAClE,eAAO,MAAM,OAAO,2LAAiC,CAAA;AAErD,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AACzC,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC,IAAI,CAAA;AACvC,MAAM,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,CAAA;AAEnC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,iEAAiE;AACjE,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF,6EAA6E;AAC7E,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAUF,8EAA8E;AAC9E,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CA+BvC,CAAA;AAIH,4DAA4D;AAC5D,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,KAAK,EAAE,KAAK,CAAA;IACZ,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,KAAK,OAAO,CAAA;IACxD,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,IAAI,CAAA;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,IAAI,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,oGAAoG;AACpG,eAAO,MAAM,IAAI,GAAI,OAAO,EAAE,QAAQ,UAAU,CAAC,OAAO,CAAC,KAAG,IAyF3D,CAAA;AAED;6EAC6E;AAC7E,eAAO,MAAM,IAAI,GAAI,OAAO,EAC1B,cAAc,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,KAC7D,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,KAAK,IAAI,CAgBtE,CAAA"}

package/dist/ui/disclosure/index.js

@@ -1,5 +1,6 @@
 import { Effect, Match as M, Option, Schema as S } from 'effect';
 import { html } from '../../html';
+import { createLazy } from '../../html/lazy';
 import { m } from '../../message';
 import { evo } from '../../struct';
 import * as Task from '../../task';
@@ -86,3 +87,13 @@ export const view = (config) => {
         panel,
     ]);
 };
+/** Creates a memoized disclosure view. Static config is captured in a closure;
+ *  only `model` and `toMessage` are compared per render via `createLazy`. */
+export const lazy = (staticConfig) => {
+    const lazyView = createLazy();
+    return (model, toMessage) => lazyView((currentModel, currentToMessage) => view({
+        ...staticConfig,
+        model: currentModel,
+        toMessage: currentToMessage,
+    }), [model, toMessage]);
+};

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

@@ -1,3 +1,3 @@
-export { init, update, view, Model, Message } from './index';
+export { init, update, view, lazy, Model, Message } from './index';
 export type { Toggled, Closed, NoOp, InitConfig, ViewConfig } from './index';
 //# 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,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAE5D,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/disclosure/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAElE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}

package/dist/ui/disclosure/public.js

@@ -1 +1 @@
-export { init, update, view, Model, Message } from './index';
+export { init, update, view, lazy, Model, Message } from './index';

package/dist/ui/index.d.ts

@@ -1,6 +1,9 @@
+export * as Combobox from './combobox/public';
 export * as Dialog from './dialog/public';
 export * as Disclosure from './disclosure/public';
 export * as Listbox from './listbox/public';
 export * as Menu from './menu/public';
+export * as Popover from './popover/public';
+export * as Switch from './switch/public';
 export * as Tabs from './tabs/public';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAA;AACzC,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAA;AACjD,OAAO,KAAK,OAAO,MAAM,kBAAkB,CAAA;AAC3C,OAAO,KAAK,IAAI,MAAM,eAAe,CAAA;AACrC,OAAO,KAAK,IAAI,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAA;AACzC,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAA;AACjD,OAAO,KAAK,OAAO,MAAM,kBAAkB,CAAA;AAC3C,OAAO,KAAK,IAAI,MAAM,eAAe,CAAA;AACrC,OAAO,KAAK,OAAO,MAAM,kBAAkB,CAAA;AAC3C,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAA;AACzC,OAAO,KAAK,IAAI,MAAM,eAAe,CAAA"}

package/dist/ui/index.js

@@ -1,5 +1,8 @@
+export * as Combobox from './combobox/public';
 export * as Dialog from './dialog/public';
 export * as Disclosure from './disclosure/public';
 export * as Listbox from './listbox/public';
 export * as Menu from './menu/public';
+export * as Popover from './popover/public';
+export * as Switch from './switch/public';
 export * as Tabs from './tabs/public';

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

@@ -1,4 +1,5 @@
 import { Option, Schema as S } from 'effect';
+import type { Html } from '../../html';
 import { type BaseInitConfig, type BaseViewConfig } from './shared';
 /** Schema for the multi-select listbox component's state, tracking open/closed status, active item, selected items, activation trigger, and typeahead search. */
 export declare const Model: S.extend<S.Struct<{
@@ -33,16 +34,16 @@ export declare const update: (model: {
     readonly isOpen: boolean;
     readonly isAnimated: boolean;
     readonly isModal: boolean;
-    readonly orientation: "Vertical" | "Horizontal";
     readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
     readonly maybeActiveItemIndex: Option.Option<number>;
     readonly activationTrigger: "Pointer" | "Keyboard";
-    readonly searchQuery: string;
-    readonly searchVersion: number;
     readonly maybeLastPointerPosition: Option.Option<{
         readonly screenX: number;
         readonly screenY: number;
     }>;
+    readonly orientation: "Vertical" | "Horizontal";
+    readonly searchQuery: string;
+    readonly searchVersion: number;
     readonly maybeLastButtonPointerType: Option.Option<string>;
 } & {
     readonly selectedItems: readonly string[];
@@ -51,34 +52,38 @@ export declare const update: (model: {
     readonly isOpen: boolean;
     readonly isAnimated: boolean;
     readonly isModal: boolean;
-    readonly orientation: "Vertical" | "Horizontal";
     readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
     readonly maybeActiveItemIndex: Option.Option<number>;
     readonly activationTrigger: "Pointer" | "Keyboard";
-    readonly searchQuery: string;
-    readonly searchVersion: number;
     readonly maybeLastPointerPosition: Option.Option<{
         readonly screenX: number;
         readonly screenY: number;
     }>;
+    readonly orientation: "Vertical" | "Horizontal";
+    readonly searchQuery: string;
+    readonly searchVersion: number;
     readonly maybeLastButtonPointerType: Option.Option<string>;
 } & {
     readonly selectedItems: readonly string[];
 }, readonly import("../../command").Command<{
     readonly _tag: "Closed";
+} | {
+    readonly _tag: "ClosedByTab";
+} | {
+    readonly _tag: "DeactivatedItem";
 } | {
     readonly _tag: "NoOp";
+} | {
+    readonly _tag: "AdvancedTransitionFrame";
+} | {
+    readonly _tag: "EndedTransition";
 } | {
     readonly _tag: "Opened";
     readonly maybeActiveItemIndex: Option.Option<number>;
-} | {
-    readonly _tag: "ClosedByTab";
 } | {
     readonly _tag: "ActivatedItem";
     readonly activationTrigger: "Pointer" | "Keyboard";
     readonly index: number;
-} | {
-    readonly _tag: "DeactivatedItem";
 } | {
     readonly _tag: "SelectedItem";
     readonly item: string;
@@ -97,10 +102,6 @@ export declare const update: (model: {
 } | {
     readonly _tag: "ClearedSearch";
     readonly version: number;
-} | {
-    readonly _tag: "AdvancedTransitionFrame";
-} | {
-    readonly _tag: "EndedTransition";
 } | {
     readonly _tag: "DetectedButtonMovement";
 } | {
@@ -117,16 +118,16 @@ export declare const view: <Message, Item>(config: Readonly<{
         readonly isOpen: boolean;
         readonly isAnimated: boolean;
         readonly isModal: boolean;
-        readonly orientation: "Vertical" | "Horizontal";
         readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
         readonly maybeActiveItemIndex: Option.Option<number>;
         readonly activationTrigger: "Pointer" | "Keyboard";
-        readonly searchQuery: string;
-        readonly searchVersion: number;
         readonly maybeLastPointerPosition: Option.Option<{
             readonly screenX: number;
             readonly screenY: number;
         }>;
+        readonly orientation: "Vertical" | "Horizontal";
+        readonly searchQuery: string;
+        readonly searchVersion: number;
         readonly maybeLastButtonPointerType: Option.Option<string>;
     } & {
         readonly selectedItems: readonly string[];
@@ -139,20 +140,21 @@ export declare const view: <Message, Item>(config: Readonly<{
         isSelected: boolean;
     }>) => Readonly<{
         className: string;
-        content: import("../../html").Html;
+        content: Html;
     }>;
     isItemDisabled?: (item: Item, index: number) => boolean;
     itemToSearchText?: (item: Item, index: number) => string;
     itemToValue?: (item: Item) => string;
     isButtonDisabled?: boolean;
-    buttonContent: import("../../html").Html;
+    buttonContent: Html;
     buttonClassName: string;
     itemsClassName: string;
+    itemsScrollClassName?: string;
     backdropClassName: string;
     className?: string;
     itemGroupKey?: (item: Item, index: number) => string;
     groupToHeading?: (groupKey: string) => Readonly<{
-        content: import("../../html").Html;
+        content: Html;
         className: string;
     }> | undefined;
     groupClassName?: string;
@@ -168,5 +170,8 @@ export declare const view: <Message, Item>(config: Readonly<{
     form?: string;
     isDisabled?: boolean;
     isInvalid?: boolean;
-}>) => import("../../html").Html;
+}>) => Html;
+/** Creates a memoized multi-select listbox view. Static config is captured in a closure;
+ *  only `model` and `toMessage` are compared per render via `createLazy`. */
+export declare const lazy: <Message, Item>(staticConfig: Omit<ViewConfig<Message, Item>, "model" | "toMessage">) => ((model: Model, toMessage: BaseViewConfig<Message, Item, Model>["toMessage"]) => Html);
 //# sourceMappingURL=multi.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"multi.d.ts","sourceRoot":"","sources":["../../../src/ui/listbox/multi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,MAAM,EAAE,MAAM,IAAI,CAAC,EAAQ,MAAM,QAAQ,CAAA;AAGzD,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EAIpB,MAAM,UAAU,CAAA;AAIjB,iKAAiK;AACjK,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;GAEjB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,6RAA6R;AAC7R,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,QAAQ,CAAC;IACP,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CACtC,CAAC,CAAA;AAEJ,4HAA4H;AAC5H,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAIF,wJAAwJ;AACxJ,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAMjB,CAAA;AAIF,sEAAsE;AACtE,MAAM,MAAM,UAAU,CAAC,OAAO,EAAE,IAAI,IAAI,cAAc,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;AAE5E,0JAA0J;AAC1J,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAYf,CAAA"}
+{"version":3,"file":"multi.d.ts","sourceRoot":"","sources":["../../../src/ui/listbox/multi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,MAAM,EAAE,MAAM,IAAI,CAAC,EAAQ,MAAM,QAAQ,CAAA;AAEzD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAGtC,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EAIpB,MAAM,UAAU,CAAA;AAIjB,iKAAiK;AACjK,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;GAEjB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,6RAA6R;AAC7R,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,QAAQ,CAAC;IACP,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CACtC,CAAC,CAAA;AAEJ,4HAA4H;AAC5H,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAIF,wJAAwJ;AACxJ,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAMjB,CAAA;AAIF,sEAAsE;AACtE,MAAM,MAAM,UAAU,CAAC,OAAO,EAAE,IAAI,IAAI,cAAc,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;AAE5E,0JAA0J;AAC1J,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAYf,CAAA;AAEF;6EAC6E;AAC7E,eAAO,MAAM,IAAI,GAAI,OAAO,EAAE,IAAI,EAChC,cAAc,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,KACnE,CAAC,CACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,WAAW,CAAC,KACzD,IAAI,CAgBR,CAAA"}

package/dist/ui/listbox/multi.js

@@ -1,4 +1,5 @@
 import { Array, Option, Schema as S, pipe } from 'effect';
+import { createLazy } from '../../html/lazy';
 import { evo } from '../../struct';
 import { BaseModel, baseInit, makeUpdate, makeView, } from './shared';
 // MODEL
@@ -23,3 +24,13 @@ export const view = makeView({
     selectedItemIndex: (model, items, itemToValue) => pipe(model.selectedItems, Array.head, Option.flatMap(selectedItem => Array.findFirstIndex(items, item => itemToValue(item) === selectedItem))),
     ariaMultiSelectable: true,
 });
+/** Creates a memoized multi-select listbox view. Static config is captured in a closure;
+ *  only `model` and `toMessage` are compared per render via `createLazy`. */
+export const lazy = (staticConfig) => {
+    const lazyView = createLazy();
+    return (model, toMessage) => lazyView((currentModel, currentToMessage) => view({
+        ...staticConfig,
+        model: currentModel,
+        toMessage: currentToMessage,
+    }), [model, toMessage]);
+};

package/dist/ui/listbox/multiPublic.d.ts

@@ -1,3 +1,3 @@
-export { init, update, view, Model } from './multi';
+export { init, update, view, lazy, Model } from './multi';
 export type { InitConfig, ViewConfig } from './multi';
 //# sourceMappingURL=multiPublic.d.ts.map

package/dist/ui/listbox/multiPublic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiPublic.d.ts","sourceRoot":"","sources":["../../../src/ui/listbox/multiPublic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AACnD,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"multiPublic.d.ts","sourceRoot":"","sources":["../../../src/ui/listbox/multiPublic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AACzD,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}

package/dist/ui/listbox/multiPublic.js

@@ -1 +1 @@
-export { init, update, view, Model } from './multi';
+export { init, update, view, lazy, Model } from './multi';

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

@@ -1,7 +1,8 @@
-export { init, update, view, Model } from './single';
-export { Message, TransitionState, Orientation } from './shared';
+export { init, update, view, lazy, Model } from './single';
+export { Message, Orientation } from './shared';
+export { TransitionState } from '../transition';
 export type { ActivationTrigger, Opened, Closed, ClosedByTab, ActivatedItem, DeactivatedItem, SelectedItem, MovedPointerOverItem, Searched, ClearedSearch, NoOp, AdvancedTransitionFrame, EndedTransition, ItemConfig, GroupHeading, } from './shared';
 export type { InitConfig, ViewConfig } from './single';
-export type { AnchorConfig } from '../menu/anchor';
+export type { AnchorConfig } from '../anchor';
 export * as Multi from './multiPublic';
 //# sourceMappingURL=public.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/listbox/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEpD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEhE,YAAY,EACV,iBAAiB,EACjB,MAAM,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,uBAAuB,EACvB,eAAe,EACf,UAAU,EACV,YAAY,GACb,MAAM,UAAU,CAAA;AAEjB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAEtD,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,KAAK,KAAK,MAAM,eAAe,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/listbox/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAE1D,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,YAAY,EACV,iBAAiB,EACjB,MAAM,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,uBAAuB,EACvB,eAAe,EACf,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/listbox/public.js

@@ -1,3 +1,4 @@
-export { init, update, view, Model } from './single';
-export { Message, TransitionState, Orientation } from './shared';
+export { init, update, view, lazy, Model } from './single';
+export { Message, Orientation } from './shared';
+export { TransitionState } from '../transition';
 export * as Multi from './multiPublic';