foldkit 0.23.0 → 0.25.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/struct/index.ts"],"names":[],"mappings":"AAEA,KAAK,eAAe,CAAC,CAAC,IAAI,OAAO,CAAC;KAC/B,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;CAClC,CAAC,CAAA;AAEF,KAAK,UAAU,CAAC,CAAC,EAAE,CAAC,IAClB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACzB,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,SAAS,KAAK,GACrC,CAAC,GACD,CAAC,GAAG;KACD,CAAC,IAAI,gBAAgB,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,KAAK;CACnE,GACH,KAAK,CAAA;AAEX,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI;KAClB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7B,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC,GAC9B,CAAC,GACD,CAAC,CAAC,CAAC,CAAC,GACN,CAAC,CAAC,CAAC,CAAC;CACT,CAAA;AAED,uIAAuI;AACvI,eAAO,MAAM,GAAG,EAAE;IAChB,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,SAAS,eAAe,CAAC,CAAC,CAAC,EACpC,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,GAClB,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAC5B,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,SAAS,eAAe,CAAC,CAAC,CAAC,EACpC,GAAG,EAAE,CAAC,EACN,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,GAClB,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;CACD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/struct/index.ts"],"names":[],"mappings":"AAEA,KAAK,eAAe,CAAC,CAAC,IAAI,OAAO,CAAC;KAC/B,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;CAClC,CAAC,CAAA;AAEF,KAAK,UAAU,CAAC,CAAC,EAAE,CAAC,IAClB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACzB,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,SAAS,KAAK,GACrC,CAAC,GACD,CAAC,GAAG;KACD,CAAC,IAAI,gBAAgB,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,KAAK;CACnE,GACH,KAAK,CAAA;AAEX,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI;KAClB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7B,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC,GAC9B,CAAC,GACD,CAAC,CAAC,CAAC,CAAC,GACN,CAAC,CAAC,CAAC,CAAC;CACT,CAAA;AAED,uIAAuI;AACvI,eAAO,MAAM,GAAG,EAAE;IAChB,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,SAAS,eAAe,CAAC,CAAC,CAAC,EACpC,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,GAClB,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAC5B,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,SAAS,eAAe,CAAC,CAAC,CAAC,EACpC,GAAG,EAAE,CAAC,EACN,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,GAClB,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;CACD,CAAA;AAEjB,8SAA8S;AAC9S,eAAO,MAAM,kBAAkB,GAC5B,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAC1C,KAAK,SAAS,UAAU,EACvB,OAAO,KAAK,EACZ,YAAY,eAAe,CAAC,UAAU,CAAC,KACtC,KAE+C,CAAA"}

package/dist/struct/index.js

@@ -1,3 +1,7 @@
 import { Struct } from 'effect';
 /** Immutably updates fields of a struct by applying transform functions. Wraps Effect's `Struct.evolve` with stricter key checking. */
 export const evo = Struct.evolve;
+/** Creates a variant of `evo` whose transforms are checked against a supertype. Useful in generic contexts where `evo`'s `StrictKeys` can't resolve `keyof` on an open type parameter. The returned function evolves a subtype model, preserving all fields not in the transform, and returns the subtype. */
+export const makeConstrainedEvo = () => (model, transforms) => 
+/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
+Struct.evolve(model, transforms);

package/dist/struct/public.d.ts

@@ -1,2 +1,2 @@
-export { evo } from './index';
+export { evo, makeConstrainedEvo } from './index';
 //# sourceMappingURL=public.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/struct/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/struct/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA"}

package/dist/struct/public.js

@@ -1 +1 @@
-export { evo } from './index';
+export { evo, makeConstrainedEvo } from './index';

package/dist/subscription/public.d.ts

@@ -0,0 +1,3 @@
+export { makeSubscriptions } from '../runtime/subscription';
+export type { Subscription, Subscriptions } from '../runtime/subscription';
+//# sourceMappingURL=public.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/subscription/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAE3D,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/subscription/public.js

@@ -0,0 +1 @@
+export { makeSubscriptions } from '../runtime/subscription';

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;AAQF,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;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"}

package/dist/ui/disclosure/index.js

@@ -25,18 +25,19 @@ export const init = (config) => ({
 });
 // UPDATE
 const buttonId = (id) => `${id}-button`;
+const buttonSelector = (id) => `#${CSS.escape(buttonId(id))}`;
 const panelId = (id) => `${id}-panel`;
 /** Processes a disclosure message and returns the next model and commands. */
 export const update = (model, message) => M.value(message).pipe(M.withReturnType(), M.tagsExhaustive({
     Toggled: () => {
-        const maybeFocus = Option.liftPredicate(Task.focus(`#${buttonId(model.id)}`).pipe(Effect.ignore, Effect.as(NoOp())), () => model.isOpen);
+        const maybeFocus = Option.liftPredicate(Task.focus(buttonSelector(model.id)).pipe(Effect.ignore, Effect.as(NoOp())), () => model.isOpen);
         return [
             evo(model, { isOpen: () => !model.isOpen }),
             Option.toArray(maybeFocus),
         ];
     },
     Closed: () => {
-        const maybeFocus = Option.liftPredicate(Task.focus(`#${buttonId(model.id)}`).pipe(Effect.ignore, Effect.as(NoOp())), () => model.isOpen);
+        const maybeFocus = Option.liftPredicate(Task.focus(buttonSelector(model.id)).pipe(Effect.ignore, Effect.as(NoOp())), () => model.isOpen);
         return [evo(model, { isOpen: () => false }), Option.toArray(maybeFocus)];
     },
     NoOp: () => [model, []],

package/dist/ui/group.d.ts

@@ -0,0 +1,8 @@
+/** A contiguous segment of items sharing the same group key. */
+export type Segment<A> = Readonly<{
+    key: string;
+    items: ReadonlyArray<A>;
+}>;
+/** Groups items into contiguous segments by a key function. Adjacent items with the same key are collected into a single segment. */
+export declare const groupContiguous: <A>(items: ReadonlyArray<A>, toKey: (item: A, index: number) => string) => ReadonlyArray<Segment<A>>;
+//# sourceMappingURL=group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../src/ui/group.ts"],"names":[],"mappings":"AAEA,gEAAgE;AAChE,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,QAAQ,CAAC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC,CAAA;AAE3E,qIAAqI;AACrI,eAAO,MAAM,eAAe,GAAI,CAAC,EAC/B,OAAO,aAAa,CAAC,CAAC,CAAC,EACvB,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,KACxC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAW1B,CAAA"}

package/dist/ui/group.js

@@ -0,0 +1,13 @@
+import { Array } from 'effect';
+/** Groups items into contiguous segments by a key function. Adjacent items with the same key are collected into a single segment. */
+export const groupContiguous = (items, toKey) => {
+    const tagged = Array.map(items, (item, index) => ({
+        key: toKey(item, index),
+        item,
+    }));
+    return Array.chop(tagged, nonEmpty => {
+        const key = Array.headNonEmpty(nonEmpty).key;
+        const [matching, rest] = Array.span(nonEmpty, tagged => tagged.key === key);
+        return [{ key, items: Array.map(matching, ({ item }) => item) }, rest];
+    });
+};

package/dist/ui/index.d.ts

@@ -1,5 +1,6 @@
 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 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,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,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"}

package/dist/ui/index.js

@@ -1,4 +1,5 @@
 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 Tabs from './tabs/public';

package/dist/ui/keyboard.d.ts

@@ -1,3 +1,5 @@
+/** Whether a keyboard event key is a single printable character (not a named key like "Enter" or "ArrowDown"). */
+export declare const isPrintableKey: (key: string) => boolean;
 export declare const wrapIndex: (index: number, length: number) => number;
 export declare const findFirstEnabledIndex: (itemCount: number, focusedIndex: number, isDisabled: (index: number) => boolean) => (startIndex: number, direction: 1 | -1) => number;
 export declare const keyToIndex: (nextKey: string, previousKey: string, itemCount: number, focusedIndex: number, isDisabled: (index: number) => boolean) => ((key: string) => number);

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

@@ -1 +1 @@
-{"version":3,"file":"keyboard.d.ts","sourceRoot":"","sources":["../../src/ui/keyboard.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAG,MACpB,CAAA;AAEtC,eAAO,MAAM,qBAAqB,GAE9B,WAAW,MAAM,EACjB,cAAc,MAAM,EACpB,YAAY,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,MAEvC,YAAY,MAAM,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,KAAG,MAMtC,CAAA;AAEL,eAAO,MAAM,UAAU,GACrB,SAAS,MAAM,EACf,aAAa,MAAM,EACnB,WAAW,MAAM,EACjB,cAAc,MAAM,EACpB,YAAY,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,KACrC,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAW1B,CAAA"}
+{"version":3,"file":"keyboard.d.ts","sourceRoot":"","sources":["../../src/ui/keyboard.ts"],"names":[],"mappings":"AAEA,kHAAkH;AAClH,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,OAA2B,CAAA;AAExE,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAG,MACpB,CAAA;AAEtC,eAAO,MAAM,qBAAqB,GAE9B,WAAW,MAAM,EACjB,cAAc,MAAM,EACpB,YAAY,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,MAEvC,YAAY,MAAM,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,KAAG,MAMtC,CAAA;AAEL,eAAO,MAAM,UAAU,GACrB,SAAS,MAAM,EACf,aAAa,MAAM,EACnB,WAAW,MAAM,EACjB,cAAc,MAAM,EACpB,YAAY,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,KACrC,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAW1B,CAAA"}

package/dist/ui/keyboard.js

@@ -1,4 +1,6 @@
 import { Array, Match as M, Option, Predicate, pipe } from 'effect';
+/** Whether a keyboard event key is a single printable character (not a named key like "Enter" or "ArrowDown"). */
+export const isPrintableKey = (key) => key.length === 1;
 export const wrapIndex = (index, length) => ((index % length) + length) % length;
 export const findFirstEnabledIndex = (itemCount, focusedIndex, isDisabled) => (startIndex, direction) => pipe(itemCount, Array.makeBy(step => wrapIndex(startIndex + step * direction, itemCount)), Array.findFirst(Predicate.not(isDisabled)), Option.getOrElse(() => focusedIndex));
 export const keyToIndex = (nextKey, previousKey, itemCount, focusedIndex, isDisabled) => {

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

@@ -0,0 +1,172 @@
+import { Option, Schema as S } from 'effect';
+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<{
+    id: typeof S.String;
+    isOpen: typeof S.Boolean;
+    isAnimated: typeof S.Boolean;
+    isModal: typeof S.Boolean;
+    orientation: S.Literal<["Vertical", "Horizontal"]>;
+    transitionState: S.Literal<["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
+    maybeActiveItemIndex: S.OptionFromSelf<typeof S.Number>;
+    activationTrigger: S.Literal<["Pointer", "Keyboard"]>;
+    searchQuery: typeof S.String;
+    searchVersion: typeof S.Number;
+    maybeLastPointerPosition: S.OptionFromSelf<S.Struct<{
+        screenX: typeof S.Number;
+        screenY: typeof S.Number;
+    }>>;
+    maybeLastButtonPointerType: S.OptionFromSelf<typeof S.String>;
+}>, S.Struct<{
+    selectedItems: S.Array$<typeof S.String>;
+}>>;
+export type Model = typeof Model.Type;
+/** Configuration for creating a multi-select listbox model with `init`. `isAnimated` enables CSS transition coordination (default `false`). `isModal` locks page scroll and inerts other elements when open (default `false`). `selectedItems` sets the initial selection (default `[]`). */
+export type InitConfig = BaseInitConfig & Readonly<{
+    selectedItems?: ReadonlyArray<string>;
+}>;
+/** Creates an initial multi-select listbox model from a config. Defaults to closed with no active item and no selection. */
+export declare const init: (config: InitConfig) => Model;
+/** Processes a listbox message and returns the next model and commands. Stays open on selection and toggles item membership (multi-select behavior). */
+export declare const update: (model: {
+    readonly id: string;
+    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 maybeLastButtonPointerType: Option.Option<string>;
+} & {
+    readonly selectedItems: readonly string[];
+}, message: import("./shared").Message) => [{
+    readonly id: string;
+    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 maybeLastButtonPointerType: Option.Option<string>;
+} & {
+    readonly selectedItems: readonly string[];
+}, readonly import("../../command").Command<{
+    readonly _tag: "Closed";
+} | {
+    readonly _tag: "NoOp";
+} | {
+    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;
+} | {
+    readonly _tag: "MovedPointerOverItem";
+    readonly screenX: number;
+    readonly screenY: number;
+    readonly index: number;
+} | {
+    readonly _tag: "RequestedItemClick";
+    readonly index: number;
+} | {
+    readonly _tag: "Searched";
+    readonly key: string;
+    readonly maybeTargetIndex: Option.Option<number>;
+} | {
+    readonly _tag: "ClearedSearch";
+    readonly version: number;
+} | {
+    readonly _tag: "AdvancedTransitionFrame";
+} | {
+    readonly _tag: "EndedTransition";
+} | {
+    readonly _tag: "DetectedButtonMovement";
+} | {
+    readonly _tag: "PressedPointerOnButton";
+    readonly button: number;
+    readonly pointerType: string;
+}>[]];
+/** Configuration for rendering a multi-select listbox with `view`. */
+export type ViewConfig<Message, Item> = BaseViewConfig<Message, Item, Model>;
+/** Renders a headless multi-select listbox with typeahead search, keyboard navigation, selection tracking, and aria-activedescendant focus management. */
+export declare const view: <Message, Item>(config: Readonly<{
+    model: {
+        readonly id: string;
+        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 maybeLastButtonPointerType: Option.Option<string>;
+    } & {
+        readonly selectedItems: readonly 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").Searched | import("./shared").PressedPointerOnButton | import("./shared").NoOp) => Message;
+    items: readonly Item[];
+    itemToConfig: (item: Item, context: Readonly<{
+        isActive: boolean;
+        isDisabled: boolean;
+        isSelected: boolean;
+    }>) => Readonly<{
+        className: string;
+        content: import("../../html").Html;
+    }>;
+    isItemDisabled?: (item: Item, index: number) => boolean;
+    itemToSearchText?: (item: Item, index: number) => string;
+    itemToValue?: (item: Item) => string;
+    isButtonDisabled?: boolean;
+    buttonContent: import("../../html").Html;
+    buttonClassName: string;
+    itemsClassName: string;
+    backdropClassName: string;
+    className?: string;
+    itemGroupKey?: (item: Item, index: number) => string;
+    groupToHeading?: (groupKey: string) => Readonly<{
+        content: import("../../html").Html;
+        className: string;
+    }> | undefined;
+    groupClassName?: string;
+    separatorClassName?: string;
+    anchor?: Readonly<{
+        placement?: import("@floating-ui/dom").Placement;
+        gap?: number;
+        offset?: number;
+        padding?: number;
+        portal?: boolean;
+    }>;
+    name?: string;
+    form?: string;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+}>) => import("../../html").Html;
+//# sourceMappingURL=multi.d.ts.map

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

@@ -0,0 +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"}

package/dist/ui/listbox/multi.js

@@ -0,0 +1,25 @@
+import { Array, Option, Schema as S, pipe } from 'effect';
+import { evo } from '../../struct';
+import { BaseModel, baseInit, makeUpdate, makeView, } from './shared';
+// MODEL
+/** Schema for the multi-select listbox component's state, tracking open/closed status, active item, selected items, activation trigger, and typeahead search. */
+export const Model = BaseModel.pipe(S.extend(S.Struct({ selectedItems: S.Array(S.String) })));
+/** Creates an initial multi-select listbox model from a config. Defaults to closed with no active item and no selection. */
+export const init = (config) => ({
+    ...baseInit(config),
+    selectedItems: config.selectedItems ?? [],
+});
+// UPDATE
+/** Processes a listbox message and returns the next model and commands. Stays open on selection and toggles item membership (multi-select behavior). */
+export const update = makeUpdate((model, item) => {
+    const nextSelectedItems = Array.contains(model.selectedItems, item)
+        ? Array.filter(model.selectedItems, selected => selected !== item)
+        : Array.append(model.selectedItems, item);
+    return [evo(model, { selectedItems: () => nextSelectedItems }), []];
+});
+/** Renders a headless multi-select listbox with typeahead search, keyboard navigation, selection tracking, and aria-activedescendant focus management. */
+export const view = makeView({
+    isItemSelected: (model, itemValue) => Array.contains(model.selectedItems, itemValue),
+    selectedItemIndex: (model, items, itemToValue) => pipe(model.selectedItems, Array.head, Option.flatMap(selectedItem => Array.findFirstIndex(items, item => itemToValue(item) === selectedItem))),
+    ariaMultiSelectable: true,
+});

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

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

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

@@ -0,0 +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"}

package/dist/ui/listbox/multiPublic.js

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

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

@@ -0,0 +1,7 @@
+export { init, update, view, Model } from './single';
+export { Message, TransitionState, Orientation } from './shared';
+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 * as Multi from './multiPublic';
+//# sourceMappingURL=public.d.ts.map

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

@@ -0,0 +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"}

package/dist/ui/listbox/public.js

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

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

@@ -0,0 +1,236 @@
+import { Option, Schema as S } from 'effect';
+import type { Command } from '../../command';
+import { type Html } from '../../html';
+import type { AnchorConfig } from '../menu/anchor';
+import { resolveTypeaheadMatch } from '../typeahead';
+export { resolveTypeaheadMatch };
+/** Schema for the activation trigger — whether the user interacted via mouse or keyboard. */
+export declare const ActivationTrigger: S.Literal<["Pointer", "Keyboard"]>;
+export type ActivationTrigger = typeof ActivationTrigger.Type;
+/** Schema for the transition animation state, tracking enter/leave phases for CSS transition coordination. */
+export declare const TransitionState: S.Literal<["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
+export type TransitionState = typeof TransitionState.Type;
+/** Schema for the listbox orientation — whether items flow vertically or horizontally. */
+export declare const Orientation: S.Literal<["Vertical", "Horizontal"]>;
+export type Orientation = typeof Orientation.Type;
+/** Schema fields shared by all listbox variants (single-select and multi-select). Spread into each variant's `S.Struct` to avoid duplicating field definitions. */
+export declare const BaseModel: S.Struct<{
+    id: typeof S.String;
+    isOpen: typeof S.Boolean;
+    isAnimated: typeof S.Boolean;
+    isModal: typeof S.Boolean;
+    orientation: S.Literal<["Vertical", "Horizontal"]>;
+    transitionState: S.Literal<["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
+    maybeActiveItemIndex: S.OptionFromSelf<typeof S.Number>;
+    activationTrigger: S.Literal<["Pointer", "Keyboard"]>;
+    searchQuery: typeof S.String;
+    searchVersion: typeof S.Number;
+    maybeLastPointerPosition: S.OptionFromSelf<S.Struct<{
+        screenX: typeof S.Number;
+        screenY: typeof S.Number;
+    }>>;
+    maybeLastButtonPointerType: S.OptionFromSelf<typeof S.String>;
+}>;
+export type BaseModel = typeof BaseModel.Type;
+/** Configuration fields shared by all listbox variant `init` functions. */
+export type BaseInitConfig = Readonly<{
+    id: string;
+    isAnimated?: boolean;
+    isModal?: boolean;
+    orientation?: typeof Orientation.Type;
+}>;
+/** Creates the shared base fields for a listbox model from a config. Each variant spreads this and adds its selection field. */
+export declare const baseInit: (config: BaseInitConfig) => BaseModel;
+/** Sent when the listbox opens via button click or keyboard. Contains an optional initial active item index — None for pointer, Some for keyboard. */
+export declare const Opened: import("../../schema").CallableTaggedStruct<"Opened", {
+    maybeActiveItemIndex: S.OptionFromSelf<typeof S.Number>;
+}>;
+/** Sent when the listbox closes via Escape key or backdrop click. */
+export declare const Closed: import("../../schema").CallableTaggedStruct<"Closed", {}>;
+/** Sent when focus leaves the listbox items container via Tab key or blur. */
+export declare const ClosedByTab: import("../../schema").CallableTaggedStruct<"ClosedByTab", {}>;
+/** Sent when an item is highlighted via arrow keys or mouse hover. Includes activation trigger. */
+export declare const ActivatedItem: import("../../schema").CallableTaggedStruct<"ActivatedItem", {
+    index: typeof S.Number;
+    activationTrigger: S.Literal<["Pointer", "Keyboard"]>;
+}>;
+/** Sent when the mouse leaves an enabled item. */
+export declare const DeactivatedItem: import("../../schema").CallableTaggedStruct<"DeactivatedItem", {}>;
+/** Sent when an item is selected via Enter, Space, or click. Contains the item's string value. */
+export declare const SelectedItem: import("../../schema").CallableTaggedStruct<"SelectedItem", {
+    item: typeof S.String;
+}>;
+/** Sent when Enter or Space is pressed on the active item, triggering a programmatic click on the DOM element. */
+export declare const RequestedItemClick: import("../../schema").CallableTaggedStruct<"RequestedItemClick", {
+    index: typeof S.Number;
+}>;
+/** Sent when a printable character is typed for typeahead search. */
+export declare const Searched: import("../../schema").CallableTaggedStruct<"Searched", {
+    key: typeof S.String;
+    maybeTargetIndex: S.OptionFromSelf<typeof S.Number>;
+}>;
+/** Sent after the search debounce period to clear the accumulated query. */
+export declare const ClearedSearch: import("../../schema").CallableTaggedStruct<"ClearedSearch", {
+    version: typeof S.Number;
+}>;
+/** Sent when the pointer moves over a listbox item, carrying screen coordinates for tracked-pointer comparison. */
+export declare const MovedPointerOverItem: import("../../schema").CallableTaggedStruct<"MovedPointerOverItem", {
+    index: typeof S.Number;
+    screenX: typeof S.Number;
+    screenY: typeof S.Number;
+}>;
+/** Placeholder message used when no action is needed. */
+export declare const NoOp: import("../../schema").CallableTaggedStruct<"NoOp", {}>;
+/** Sent internally when a double-rAF completes, advancing the transition to its animating phase. */
+export declare const AdvancedTransitionFrame: import("../../schema").CallableTaggedStruct<"AdvancedTransitionFrame", {}>;
+/** Sent internally when all CSS transitions on the listbox items container have completed. */
+export declare const EndedTransition: import("../../schema").CallableTaggedStruct<"EndedTransition", {}>;
+/** Sent internally when the listbox button moves in the viewport during a leave transition, cancelling the animation. */
+export declare const DetectedButtonMovement: import("../../schema").CallableTaggedStruct<"DetectedButtonMovement", {}>;
+/** Sent when the user presses a pointer device on the listbox button. Records pointer type for click handling. */
+export declare const PressedPointerOnButton: import("../../schema").CallableTaggedStruct<"PressedPointerOnButton", {
+    pointerType: typeof S.String;
+    button: typeof S.Number;
+}>;
+/** Union of all messages the listbox component can produce. */
+export declare const Message: S.Union<[import("../../schema").CallableTaggedStruct<"Opened", {
+    maybeActiveItemIndex: S.OptionFromSelf<typeof S.Number>;
+}>, import("../../schema").CallableTaggedStruct<"Closed", {}>, import("../../schema").CallableTaggedStruct<"ClosedByTab", {}>, import("../../schema").CallableTaggedStruct<"ActivatedItem", {
+    index: typeof S.Number;
+    activationTrigger: S.Literal<["Pointer", "Keyboard"]>;
+}>, import("../../schema").CallableTaggedStruct<"DeactivatedItem", {}>, import("../../schema").CallableTaggedStruct<"SelectedItem", {
+    item: typeof S.String;
+}>, import("../../schema").CallableTaggedStruct<"MovedPointerOverItem", {
+    index: typeof S.Number;
+    screenX: typeof S.Number;
+    screenY: typeof S.Number;
+}>, import("../../schema").CallableTaggedStruct<"RequestedItemClick", {
+    index: typeof S.Number;
+}>, import("../../schema").CallableTaggedStruct<"Searched", {
+    key: typeof S.String;
+    maybeTargetIndex: S.OptionFromSelf<typeof S.Number>;
+}>, import("../../schema").CallableTaggedStruct<"ClearedSearch", {
+    version: typeof S.Number;
+}>, import("../../schema").CallableTaggedStruct<"NoOp", {}>, import("../../schema").CallableTaggedStruct<"AdvancedTransitionFrame", {}>, import("../../schema").CallableTaggedStruct<"EndedTransition", {}>, import("../../schema").CallableTaggedStruct<"DetectedButtonMovement", {}>, import("../../schema").CallableTaggedStruct<"PressedPointerOnButton", {
+    pointerType: typeof S.String;
+    button: typeof S.Number;
+}>]>;
+export type Opened = typeof Opened.Type;
+export type Closed = typeof Closed.Type;
+export type ClosedByTab = typeof ClosedByTab.Type;
+export type ActivatedItem = typeof ActivatedItem.Type;
+export type DeactivatedItem = typeof DeactivatedItem.Type;
+export type SelectedItem = typeof SelectedItem.Type;
+export type MovedPointerOverItem = typeof MovedPointerOverItem.Type;
+export type RequestedItemClick = typeof RequestedItemClick.Type;
+export type Searched = typeof Searched.Type;
+export type ClearedSearch = typeof ClearedSearch.Type;
+export type NoOp = typeof NoOp.Type;
+export type AdvancedTransitionFrame = typeof AdvancedTransitionFrame.Type;
+export type EndedTransition = typeof EndedTransition.Type;
+export type DetectedButtonMovement = typeof DetectedButtonMovement.Type;
+export type PressedPointerOnButton = typeof PressedPointerOnButton.Type;
+export type Message = typeof Message.Type;
+export declare const SEARCH_DEBOUNCE_MILLISECONDS = 350;
+export declare const LEFT_MOUSE_BUTTON = 0;
+export declare const buttonSelector: (id: string) => string;
+export declare const itemsSelector: (id: string) => string;
+export declare const itemSelector: (id: string, index: number) => string;
+export declare const itemId: (id: string, index: number) => string;
+export declare const closedModel: <Model extends BaseModel>(model: Model) => Model;
+type SelectedItemContext = Readonly<{
+    focusButton: Command<Message>;
+    maybeNextFrame: Option.Option<Command<Message>>;
+    maybeUnlockScroll: Option.Option<Command<Message>>;
+    maybeRestoreInert: Option.Option<Command<Message>>;
+}>;
+export declare const makeUpdate: <Model extends BaseModel>(handleSelectedItem: (model: Model, item: string, context: SelectedItemContext) => [Model, ReadonlyArray<Command<Message>>]) => (model: Model, message: Message) => [Model, readonly Command<{
+    readonly _tag: "Closed";
+} | {
+    readonly _tag: "NoOp";
+} | {
+    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;
+} | {
+    readonly _tag: "MovedPointerOverItem";
+    readonly screenX: number;
+    readonly screenY: number;
+    readonly index: number;
+} | {
+    readonly _tag: "RequestedItemClick";
+    readonly index: number;
+} | {
+    readonly _tag: "Searched";
+    readonly key: string;
+    readonly maybeTargetIndex: Option.Option<number>;
+} | {
+    readonly _tag: "ClearedSearch";
+    readonly version: number;
+} | {
+    readonly _tag: "AdvancedTransitionFrame";
+} | {
+    readonly _tag: "EndedTransition";
+} | {
+    readonly _tag: "DetectedButtonMovement";
+} | {
+    readonly _tag: "PressedPointerOnButton";
+    readonly button: number;
+    readonly pointerType: string;
+}>[]];
+/** Configuration for an individual listbox item's appearance. */
+export type ItemConfig = Readonly<{
+    className: string;
+    content: Html;
+}>;
+/** Configuration for a group heading rendered above a group of items. */
+export type GroupHeading = Readonly<{
+    content: Html;
+    className: string;
+}>;
+/** Configuration for rendering a listbox with `view`. */
+export type BaseViewConfig<Message, Item, Model extends BaseModel> = Readonly<{
+    model: Model;
+    toMessage: (message: Opened | Closed | ClosedByTab | ActivatedItem | DeactivatedItem | SelectedItem | MovedPointerOverItem | RequestedItemClick | Searched | PressedPointerOnButton | NoOp) => Message;
+    items: ReadonlyArray<Item>;
+    itemToConfig: (item: Item, context: Readonly<{
+        isActive: boolean;
+        isDisabled: boolean;
+        isSelected: boolean;
+    }>) => ItemConfig;
+    isItemDisabled?: (item: Item, index: number) => boolean;
+    itemToSearchText?: (item: Item, index: number) => string;
+    itemToValue?: (item: Item) => string;
+    isButtonDisabled?: boolean;
+    buttonContent: Html;
+    buttonClassName: string;
+    itemsClassName: string;
+    backdropClassName: string;
+    className?: string;
+    itemGroupKey?: (item: Item, index: number) => string;
+    groupToHeading?: (groupKey: string) => GroupHeading | undefined;
+    groupClassName?: string;
+    separatorClassName?: string;
+    anchor?: AnchorConfig;
+    name?: string;
+    form?: string;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+}>;
+type ViewBehavior<Model extends BaseModel> = Readonly<{
+    isItemSelected: (model: Model, itemValue: string) => boolean;
+    selectedItemIndex: <Item>(model: Model, items: ReadonlyArray<Item>, itemToValue: (item: Item) => string) => Option.Option<number>;
+    ariaMultiSelectable: boolean;
+}>;
+export declare const makeView: <Model extends BaseModel>(behavior: ViewBehavior<Model>) => <Message, Item>(config: BaseViewConfig<Message, Item, Model>) => Html;
+//# sourceMappingURL=shared.d.ts.map

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

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