@foldkit/ui 0.156.0 → 0.157.0

package/dist/listbox/shared.js

@@ -1,5 +1,5 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
-import { Array, Effect, Equal, Match as M, Number, Option, Predicate, Schema as S, String as Str, pipe, } from 'effect';
+import { Array, Effect, Equal, Match, Number, Option, Predicate, Schema, String, pipe, } from 'effect';
 import * as Command from 'foldkit/command';
 import * as Dom from 'foldkit/dom';
 import { defineMessageUnion } from 'foldkit/message';
@@ -11,8 +11,8 @@ import { AnchorConfig, anchorSetup, portalToContainingRoot, } from '../anchor/in
 // NOTE: Animation imports are split across schema + update to avoid a circular
 // dependency: animation → html → runtime → devtools → listbox → animation.
 // The barrel (../animation) imports from html, which starts the cycle.
-import { Message as AnimationMessage, Model as AnimationModel, init as animationInit, } from '../animation/schema.js';
-import { update as animationUpdate } from '../animation/update.js';
+import * as Animation from '../animation/schema.js';
+import { hide as animationHide, show as animationShow, update as animationUpdate, } from '../animation/update.js';
 import { groupContiguous } from '../group.js';
 import * as OptionExt from '../internal/optionExtensions.js';
 import { idSelector } from '../internal/selectors.js';
@@ -21,23 +21,23 @@ import { resolveTypeaheadMatch } from '../typeahead.js';
 export { resolveTypeaheadMatch };
 // MODEL
 /** Schema for the activation trigger: whether the user interacted via mouse or keyboard. */
-export const ActivationTrigger = S.Literals(['Pointer', 'Keyboard']);
+export const ActivationTrigger = Schema.Literals(['Pointer', 'Keyboard']);
 /** Schema for the listbox orientation: whether items flow vertically or horizontally. */
-export const Orientation = S.Literals(['Vertical', 'Horizontal']);
-/** 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 const BaseModel = S.Struct({
-    id: S.String,
-    isOpen: S.Boolean,
-    isAnimated: S.Boolean,
-    isModal: S.Boolean,
+export const Orientation = Schema.Literals(['Vertical', 'Horizontal']);
+/** Schema fields shared by all listbox variants (single-select and multi-select). Spread into each variant's `Schema.Struct` to avoid duplicating field definitions. */
+export const BaseModel = Schema.Struct({
+    id: Schema.String,
+    isOpen: Schema.Boolean,
+    isAnimated: Schema.Boolean,
+    isModal: Schema.Boolean,
     orientation: Orientation,
-    animation: AnimationModel,
-    maybeActiveItemIndex: S.Option(S.Number),
+    animation: Animation.Model,
+    maybeActiveItemIndex: Schema.Option(Schema.Number),
     activationTrigger: ActivationTrigger,
-    searchQuery: S.String,
-    searchVersion: S.Number,
-    maybeLastPointerPosition: S.Option(S.Struct({ screenX: S.Number, screenY: S.Number })),
-    maybeLastButtonPointerType: S.Option(S.String),
+    searchQuery: Schema.String,
+    searchVersion: Schema.Number,
+    maybeLastPointerPosition: Schema.Option(Schema.Struct({ screenX: Schema.Number, screenY: Schema.Number })),
+    maybeLastButtonPointerType: Schema.Option(Schema.String),
 });
 /** Creates the shared base fields for a listbox model from a config. Each variant spreads this and adds its selection field. */
 export const baseInit = (config) => (__foldkitBrandViewResult(({
@@ -46,7 +46,7 @@ export const baseInit = (config) => (__foldkitBrandViewResult(({
     isAnimated: config.isAnimated ?? false,
     isModal: config.isModal ?? false,
     orientation: config.orientation ?? 'Vertical',
-    animation: animationInit({ id: `${config.id}-listbox` }),
+    animation: Animation.init({ id: `${config.id}-listbox` }),
     maybeActiveItemIndex: Option.none(),
     activationTrigger: 'Keyboard',
     searchQuery: '',
@@ -57,26 +57,26 @@ export const baseInit = (config) => (__foldkitBrandViewResult(({
 // MESSAGE
 /** Union of all messages the listbox component can produce. */
 export const Message = defineMessageUnion({
-    Opened: { maybeActiveItemIndex: S.Option(S.Number) },
+    Opened: { maybeActiveItemIndex: Schema.Option(Schema.Number) },
     Closed: {},
     BlurredItems: {},
     ActivatedItem: {
-        index: S.Number,
+        index: Schema.Number,
         activationTrigger: ActivationTrigger,
     },
     DeactivatedItem: {},
-    SelectedItem: { item: S.String },
+    SelectedItem: { item: Schema.String },
     MovedPointerOverItem: {
-        index: S.Number,
-        screenX: S.Number,
-        screenY: S.Number,
+        index: Schema.Number,
+        screenX: Schema.Number,
+        screenY: Schema.Number,
     },
-    RequestedItemClick: { index: S.Number },
+    RequestedItemClick: { index: Schema.Number },
     Searched: {
-        key: S.String,
-        maybeTargetIndex: S.Option(S.Number),
+        key: Schema.String,
+        maybeTargetIndex: Schema.Option(Schema.Number),
     },
-    CompletedDelayClearSearch: { version: S.Number },
+    CompletedDelayClearSearch: { version: Schema.Number },
     CompletedLockScroll: {},
     CompletedUnlockScroll: {},
     CompletedInertOthers: {},
@@ -90,15 +90,15 @@ export const Message = defineMessageUnion({
     SuppressedItemCommit: {},
     CompletedAnchorListbox: {},
     CompletedPortalListboxBackdrop: {},
-    GotAnimationMessage: { message: AnimationMessage },
+    GotAnimationMessage: { message: Animation.Message },
     PressedPointerOnButton: {
-        pointerType: S.String,
-        button: S.Number,
+        pointerType: Schema.String,
+        button: Schema.Number,
     },
 });
 /** Union of out-messages the listbox component can produce. The parent folds `Selected` into the selection it owns: single-select stores the value, multi-select toggles the value's membership. */
 export const OutMessage = defineMessageUnion({
-    Selected: { value: S.String },
+    Selected: { value: Schema.String },
 });
 // CONSTANTS
 export const SEARCH_DEBOUNCE_MILLISECONDS = 350;
@@ -136,64 +136,64 @@ export const UnlockScroll = Command.define('UnlockScroll', {
 });
 /** Marks all elements outside the listbox as inert for modal behavior. */
 export const InertOthers = Command.define('InertOthers', {
-    args: { id: S.String },
+    args: { id: Schema.String },
     messages: [Message.CompletedInertOthers],
     execute: ({ id }) => __foldkitBrandViewResult((Dom.inertOthers(id, [buttonSelector(id), itemsSelector(id)]).pipe(Effect.as(Message.CompletedInertOthers()))), "@foldkit/ui/listbox/shared.js#execute"),
 });
 /** Removes the inert attribute from elements outside the listbox. */
 export const RestoreInert = Command.define('RestoreInert', {
-    args: { id: S.String },
+    args: { id: Schema.String },
     messages: [Message.CompletedRestoreInert],
     execute: ({ id }) => __foldkitBrandViewResult((Dom.restoreInert(id).pipe(Effect.as(Message.CompletedRestoreInert()))), "@foldkit/ui/listbox/shared.js#execute~2"),
 });
 /** Moves focus back to the listbox button after closing. */
 export const FocusButton = Command.define('FocusButton', {
-    args: { id: S.String },
+    args: { id: Schema.String },
     messages: [Message.CompletedFocusButton],
     execute: ({ id }) => __foldkitBrandViewResult((Dom.focus(buttonSelector(id)).pipe(Effect.ignore, Effect.as(Message.CompletedFocusButton()))), "@foldkit/ui/listbox/shared.js#execute~3"),
 });
 /** Moves focus to the listbox items container after opening. */
 export const FocusItems = Command.define('FocusItems', {
-    args: { id: S.String },
+    args: { id: Schema.String },
     messages: [Message.CompletedFocusItems],
     execute: ({ id }) => __foldkitBrandViewResult((Dom.focus(itemsSelector(id)).pipe(Effect.ignore, Effect.as(Message.CompletedFocusItems()))), "@foldkit/ui/listbox/shared.js#execute~4"),
 });
 /** Scrolls the active listbox item into view after keyboard navigation. */
 export const ScrollIntoView = Command.define('ScrollIntoView', {
-    args: { id: S.String, index: S.Number },
+    args: { id: Schema.String, index: Schema.Number },
     messages: [Message.CompletedScrollIntoView],
     execute: ({ id, index }) => __foldkitBrandViewResult((Dom.scrollIntoView(itemSelector(id, index)).pipe(Effect.ignore, Effect.as(Message.CompletedScrollIntoView()))), "@foldkit/ui/listbox/shared.js#execute~5"),
 });
 /** Programmatically clicks the active listbox item's DOM element. */
 export const ClickItem = Command.define('ClickItem', {
-    args: { id: S.String, index: S.Number },
+    args: { id: Schema.String, index: Schema.Number },
     messages: [Message.CompletedClickItem],
     execute: ({ id, index }) => __foldkitBrandViewResult((Dom.clickElement(itemSelector(id, index)).pipe(Effect.ignore, Effect.as(Message.CompletedClickItem()))), "@foldkit/ui/listbox/shared.js#execute~6"),
 });
 /** Waits for the typeahead search debounce period before clearing the query. */
 export const DelayClearSearch = Command.define('DelayClearSearch', {
-    args: { version: S.Number },
+    args: { version: Schema.Number },
     messages: [Message.CompletedDelayClearSearch],
     execute: ({ version }) => __foldkitBrandViewResult((Effect.sleep(SEARCH_DEBOUNCE_MILLISECONDS).pipe(Effect.as(Message.CompletedDelayClearSearch({ version })))), "@foldkit/ui/listbox/shared.js#execute~7"),
 });
 /** Detects whether the listbox button moved or the leave animation ended. Whichever comes first; both outcomes signal the Animation submodel that leave is complete. */
 export const DetectMovementOrAnimationEnd = Command.define('DetectMovementOrAnimationEnd', {
-    args: { id: S.String },
+    args: { id: Schema.String },
     messages: [Message.GotAnimationMessage],
     execute: ({ id }) => __foldkitBrandViewResult((Effect.raceFirst(Dom.detectElementMovement(buttonSelector(id)).pipe(Effect.as(Message.GotAnimationMessage({
-        message: AnimationMessage.EndedAnimation(),
+        message: Animation.Message.EndedAnimation(),
     }))), Dom.waitForAnimationSettled(itemsSelector(id)).pipe(Effect.as(Message.GotAnimationMessage({
-        message: AnimationMessage.EndedAnimation(),
+        message: Animation.Message.EndedAnimation(),
     }))))), "@foldkit/ui/listbox/shared.js#execute~8"),
 });
 export const makeUpdate = (handleSelectedItem) => {
-    const foldAnimationOutMessage = M.type().pipe(M.withReturnType(), M.tagsExhaustive({
+    const foldAnimationOutMessage = Animation.OutMessage.match({
         StartedLeaveAnimating: () => __foldkitBrandViewResult((model => (__foldkitBrandViewResult(({
             model,
             commands: [DetectMovementOrAnimationEnd({ id: model.id })],
         }), "@foldkit/ui/listbox/shared.js#anonymous"))), "@foldkit/ui/listbox/shared.js#StartedLeaveAnimating"),
         TransitionedOut: () => __foldkitBrandViewResult((model => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/listbox/shared.js#anonymous~2"))), "@foldkit/ui/listbox/shared.js#TransitionedOut"),
-    }));
+    });
     const foldAnimation = Update.foldChild({
         update: animationUpdate,
         read: (model) => __foldkitBrandViewResult((Option.some(model.animation)), "@foldkit/ui/listbox/shared.js#read"),
@@ -201,6 +201,18 @@ export const makeUpdate = (handleSelectedItem) => {
         toParentMessage: message => __foldkitBrandViewResult((Message.GotAnimationMessage({ message })), "@foldkit/ui/listbox/shared.js#toParentMessage"),
         foldOutMessage: foldAnimationOutMessage,
     });
+    const foldAnimationShow = Update.foldChildStep({
+        update: animationShow,
+        read: (model) => __foldkitBrandViewResult((Option.some(model.animation)), "@foldkit/ui/listbox/shared.js#read~2"),
+        write: (model, nextAnimation) => __foldkitBrandViewResult((constrainedEvo(model, { animation: () => __foldkitBrandViewResult((nextAnimation), "@foldkit/ui/listbox/shared.js#animation~2") })), "@foldkit/ui/listbox/shared.js#write~2"),
+        toParentMessage: message => __foldkitBrandViewResult((Message.GotAnimationMessage({ message })), "@foldkit/ui/listbox/shared.js#toParentMessage~2"),
+    });
+    const foldAnimationHide = Update.foldChildStep({
+        update: animationHide,
+        read: (model) => __foldkitBrandViewResult((Option.some(model.animation)), "@foldkit/ui/listbox/shared.js#read~3"),
+        write: (model, nextAnimation) => __foldkitBrandViewResult((constrainedEvo(model, { animation: () => __foldkitBrandViewResult((nextAnimation), "@foldkit/ui/listbox/shared.js#animation~3") })), "@foldkit/ui/listbox/shared.js#write~3"),
+        toParentMessage: message => __foldkitBrandViewResult((Message.GotAnimationMessage({ message })), "@foldkit/ui/listbox/shared.js#toParentMessage~3"),
+    });
     const openListbox = (baseModel, openCommands) => {
         if (baseModel.isAnimated) {
             return __foldkitBrandViewResult((Update.combine(baseModel, [
@@ -208,7 +220,7 @@ export const makeUpdate = (handleSelectedItem) => {
                     model: stepModel,
                     commands: openCommands,
                 }), "@foldkit/ui/listbox/shared.js#anonymous~3")),
-                foldAnimation(AnimationMessage.Showed()),
+                foldAnimationShow,
                 stepModel => (__foldkitBrandViewResult(({
                     model: constrainedEvo(stepModel, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/listbox/shared.js#isOpen~2") }),
                 }), "@foldkit/ui/listbox/shared.js#anonymous~4")),
@@ -227,7 +239,7 @@ export const makeUpdate = (handleSelectedItem) => {
         if (baseModel.isAnimated) {
             return __foldkitBrandViewResult((Update.combine(closed, [
                 stepModel => (__foldkitBrandViewResult(({ model: stepModel, commands }), "@foldkit/ui/listbox/shared.js#anonymous~5")),
-                foldAnimation(AnimationMessage.Hid()),
+                foldAnimationHide,
             ])), "@foldkit/ui/listbox/shared.js#closeListbox");
         }
         return __foldkitBrandViewResult(({ model: closed, commands }), "@foldkit/ui/listbox/shared.js#closeListbox");
@@ -383,7 +395,7 @@ export const makeUpdate = (handleSelectedItem) => {
  *  Exposed so Scene tests can call
  *  `Scene.Mount.resolve(AnchorListbox, CompletedAnchorListbox())`. */
 export const AnchorListbox = Mount.define('AnchorListbox', {
-    args: { buttonId: S.String, anchor: AnchorConfig },
+    args: { buttonId: Schema.String, anchor: AnchorConfig },
     messages: [Message.CompletedAnchorListbox],
     execute: ({ element, buttonId, anchor }) => __foldkitBrandViewResult((Effect.gen(function* () {
         yield* Effect.acquireRelease(Effect.sync(() => __foldkitBrandViewResult((anchorSetup(element, {
@@ -408,26 +420,26 @@ export const makeView = (behavior) => {
     const impl = defineView((model, viewInputs, h) => {
         const { id, isOpen, orientation, animation: { transitionState }, maybeActiveItemIndex, searchQuery, maybeLastButtonPointerType, } = model;
         const { items, itemToConfig, isItemDisabled, isButtonDisabled, buttonContent, buttonClassName, buttonAttributes = [], itemsClassName, itemsAttributes = [], itemsScrollClassName, itemsScrollAttributes = [], backdropClassName, backdropAttributes = [], className, attributes = [], itemGroupKey, groupToHeading, groupClassName, groupAttributes = [], separatorClassName, separatorAttributes = [], anchor = {}, name, form, isDisabled, isReadOnly = false, isInvalid, ariaLabel, ariaLabelledBy, selectedValues, } = viewInputs;
-        const itemToValue = viewInputs.itemToValue ?? ((item) => __foldkitBrandViewResult((String(item)), "@foldkit/ui/listbox/shared.js#anonymous~17"));
+        const itemToValue = viewInputs.itemToValue ?? ((item) => __foldkitBrandViewResult((globalThis.String(item)), "@foldkit/ui/listbox/shared.js#anonymous~17"));
         const isValueSelected = (itemValue) => __foldkitBrandViewResult((Array.contains(selectedValues, itemValue)), "@foldkit/ui/listbox/shared.js#isValueSelected");
         const itemToSearchText = viewInputs.itemToSearchText ?? ((item) => __foldkitBrandViewResult((itemToValue(item)), "@foldkit/ui/listbox/shared.js#anonymous~18"));
         const isLeaving = transitionState === 'LeaveStart' || transitionState === 'LeaveAnimating';
         const isVisible = isOpen || isLeaving;
-        const animationAttributes = M.value(transitionState).pipe(M.when('EnterStart', () => __foldkitBrandViewResult(([
+        const animationAttributes = Match.value(transitionState).pipe(Match.when('EnterStart', () => __foldkitBrandViewResult(([
             h.DataAttribute('closed', ''),
             h.DataAttribute('enter', ''),
             h.DataAttribute('transition', ''),
-        ]), "@foldkit/ui/listbox/shared.js#anonymous~19")), M.when('EnterAnimating', () => __foldkitBrandViewResult(([
+        ]), "@foldkit/ui/listbox/shared.js#anonymous~19")), Match.when('EnterAnimating', () => __foldkitBrandViewResult(([
             h.DataAttribute('enter', ''),
             h.DataAttribute('transition', ''),
-        ]), "@foldkit/ui/listbox/shared.js#anonymous~20")), M.when('LeaveStart', () => __foldkitBrandViewResult(([
+        ]), "@foldkit/ui/listbox/shared.js#anonymous~20")), Match.when('LeaveStart', () => __foldkitBrandViewResult(([
             h.DataAttribute('leave', ''),
             h.DataAttribute('transition', ''),
-        ]), "@foldkit/ui/listbox/shared.js#anonymous~21")), M.when('LeaveAnimating', () => __foldkitBrandViewResult(([
+        ]), "@foldkit/ui/listbox/shared.js#anonymous~21")), Match.when('LeaveAnimating', () => __foldkitBrandViewResult(([
             h.DataAttribute('closed', ''),
             h.DataAttribute('leave', ''),
             h.DataAttribute('transition', ''),
-        ]), "@foldkit/ui/listbox/shared.js#anonymous~22")), M.orElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/listbox/shared.js#anonymous~23")));
+        ]), "@foldkit/ui/listbox/shared.js#anonymous~22")), Match.orElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/listbox/shared.js#anonymous~23")));
         const isItemDisabledByIndex = (index) => __foldkitBrandViewResult((Predicate.isNotUndefined(isItemDisabled) &&
             pipe(items, Array.get(index), Option.exists(item => __foldkitBrandViewResult((isItemDisabled(item, index)), "@foldkit/ui/listbox/shared.js#anonymous~24")))), "@foldkit/ui/listbox/shared.js#isItemDisabledByIndex");
         const isButtonEffectivelyDisabled = isDisabled || isButtonDisabled;
@@ -449,11 +461,11 @@ export const makeView = (behavior) => {
             if (isOpen) {
                 return __foldkitBrandViewResult((handleItemsKeyDown(key)), "@foldkit/ui/listbox/shared.js#handleButtonKeyDown");
             }
-            return __foldkitBrandViewResult((M.value(key).pipe(M.whenOr('Enter', ' ', 'ArrowDown', () => __foldkitBrandViewResult((Option.some(Message.Opened({
+            return __foldkitBrandViewResult((Match.value(key).pipe(Match.whenOr('Enter', ' ', 'ArrowDown', () => __foldkitBrandViewResult((Option.some(Message.Opened({
                 maybeActiveItemIndex: Option.orElse(selectedItemIndex, () => __foldkitBrandViewResult((Option.some(firstEnabledIndex)), "@foldkit/ui/listbox/shared.js#anonymous~28")),
-            }))), "@foldkit/ui/listbox/shared.js#anonymous~27")), M.when('ArrowUp', () => __foldkitBrandViewResult((Option.some(Message.Opened({
+            }))), "@foldkit/ui/listbox/shared.js#anonymous~27")), Match.when('ArrowUp', () => __foldkitBrandViewResult((Option.some(Message.Opened({
                 maybeActiveItemIndex: Option.orElse(selectedItemIndex, () => __foldkitBrandViewResult((Option.some(lastEnabledIndex)), "@foldkit/ui/listbox/shared.js#anonymous~30")),
-            }))), "@foldkit/ui/listbox/shared.js#anonymous~29")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/listbox/shared.js#anonymous~31")))), "@foldkit/ui/listbox/shared.js#handleButtonKeyDown");
+            }))), "@foldkit/ui/listbox/shared.js#anonymous~29")), Match.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/listbox/shared.js#anonymous~31")))), "@foldkit/ui/listbox/shared.js#handleButtonKeyDown");
         };
         const handleButtonPointerDown = (pointerType, button) => __foldkitBrandViewResult((Option.some(Message.PressedPointerOnButton({ pointerType, button }))), "@foldkit/ui/listbox/shared.js#handleButtonPointerDown");
         const handleButtonClick = () => {
@@ -470,12 +482,12 @@ export const makeView = (behavior) => {
         };
         const handleSpaceKeyUp = (key) => __foldkitBrandViewResult((OptionExt.when(key === ' ', Message.SuppressedSpaceScroll())), "@foldkit/ui/listbox/shared.js#handleSpaceKeyUp");
         const resolveActiveIndex = (key) => __foldkitBrandViewResult((Option.match(maybeActiveItemIndex, {
-            onNone: () => __foldkitBrandViewResult((M.value(key).pipe(M.whenOr(previousKey, 'End', 'PageDown', () => __foldkitBrandViewResult((lastEnabledIndex), "@foldkit/ui/listbox/shared.js#anonymous~33")), M.orElse(() => __foldkitBrandViewResult((firstEnabledIndex), "@foldkit/ui/listbox/shared.js#anonymous~34")))), "@foldkit/ui/listbox/shared.js#onNone~2"),
+            onNone: () => __foldkitBrandViewResult((Match.value(key).pipe(Match.whenOr(previousKey, 'End', 'PageDown', () => __foldkitBrandViewResult((lastEnabledIndex), "@foldkit/ui/listbox/shared.js#anonymous~33")), Match.orElse(() => __foldkitBrandViewResult((firstEnabledIndex), "@foldkit/ui/listbox/shared.js#anonymous~34")))), "@foldkit/ui/listbox/shared.js#onNone~2"),
             onSome: activeIndex => __foldkitBrandViewResult((keyToIndex(nextKey, previousKey, items.length, activeIndex, isItemDisabledByIndex)(key)), "@foldkit/ui/listbox/shared.js#onSome~2"),
         })), "@foldkit/ui/listbox/shared.js#resolveActiveIndex");
         const searchForKey = (key) => {
             const nextQuery = searchQuery + key;
-            const maybeTargetIndex = resolveTypeaheadMatch(items, nextQuery, maybeActiveItemIndex, isItemDisabledByIndex, itemToSearchText, Str.isNonEmpty(searchQuery));
+            const maybeTargetIndex = resolveTypeaheadMatch(items, nextQuery, maybeActiveItemIndex, isItemDisabledByIndex, itemToSearchText, String.isNonEmpty(searchQuery));
             return __foldkitBrandViewResult((Option.some(Message.Searched({ key, maybeTargetIndex }))), "@foldkit/ui/listbox/shared.js#searchForKey");
         };
         const resolveCommitMessage = () => {
@@ -486,12 +498,12 @@ export const makeView = (behavior) => {
                 return __foldkitBrandViewResult((Option.map(maybeActiveItemIndex, index => __foldkitBrandViewResult((Message.RequestedItemClick({ index })), "@foldkit/ui/listbox/shared.js#anonymous~35"))), "@foldkit/ui/listbox/shared.js#resolveCommitMessage");
             }
         };
-        const handleItemsKeyDown = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.when('Escape', () => __foldkitBrandViewResult((Option.some(Message.Closed())), "@foldkit/ui/listbox/shared.js#anonymous~36")), M.when('Enter', resolveCommitMessage), M.when(' ', () => __foldkitBrandViewResult((Str.isNonEmpty(searchQuery)
+        const handleItemsKeyDown = (key) => __foldkitBrandViewResult((Match.value(key).pipe(Match.when('Escape', () => __foldkitBrandViewResult((Option.some(Message.Closed())), "@foldkit/ui/listbox/shared.js#anonymous~36")), Match.when('Enter', resolveCommitMessage), Match.when(' ', () => __foldkitBrandViewResult((String.isNonEmpty(searchQuery)
             ? searchForKey(' ')
-            : resolveCommitMessage()), "@foldkit/ui/listbox/shared.js#anonymous~37")), M.when(isNavigationKey, () => __foldkitBrandViewResult((Option.some(Message.ActivatedItem({
+            : resolveCommitMessage()), "@foldkit/ui/listbox/shared.js#anonymous~37")), Match.when(isNavigationKey, () => __foldkitBrandViewResult((Option.some(Message.ActivatedItem({
             index: resolveActiveIndex(key),
             activationTrigger: 'Keyboard',
-        }))), "@foldkit/ui/listbox/shared.js#anonymous~38")), M.when(isPrintableKey, () => __foldkitBrandViewResult((searchForKey(key)), "@foldkit/ui/listbox/shared.js#anonymous~39")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/listbox/shared.js#anonymous~40")))), "@foldkit/ui/listbox/shared.js#handleItemsKeyDown");
+        }))), "@foldkit/ui/listbox/shared.js#anonymous~38")), Match.when(isPrintableKey, () => __foldkitBrandViewResult((searchForKey(key)), "@foldkit/ui/listbox/shared.js#anonymous~39")), Match.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/listbox/shared.js#anonymous~40")))), "@foldkit/ui/listbox/shared.js#handleItemsKeyDown");
         const resolveButtonLabel = () => {
             if (Predicate.isNotUndefined(ariaLabel)) {
                 return __foldkitBrandViewResult(([h.AriaLabel(ariaLabel)]), "@foldkit/ui/listbox/shared.js#resolveButtonLabel");
@@ -545,7 +557,7 @@ export const makeView = (behavior) => {
         const itemsContainerAttributes = [
             h.Id(`${id}-items`),
             h.Role('listbox'),
-            h.AriaOrientation(Str.toLowerCase(orientation)),
+            h.AriaOrientation(String.toLowerCase(orientation)),
             ...(behavior.ariaMultiSelectable ? [h.AriaMultiSelectable(true)] : []),
             ...(isReadOnly
                 ? [h.AriaReadonly(true), h.DataAttribute('readonly', '')]

package/dist/listbox/single.d.ts

@@ -1,28 +1,28 @@
-import { Option, Schema as S } from 'effect';
+import { Option, Schema } from 'effect';
 import { type Update } from 'foldkit';
 import { type View as SubmodelView } from 'foldkit/submodel';
 import { type BaseInitConfig, type BaseViewInputsCommon, type ItemToValueInput, Message, OutMessage } from './shared.js';
 /** Schema for the single-select listbox's private interaction state (open/closed status, active item, activation trigger, typeahead search). The selection is owned by the parent and passed in via `ViewInputs.maybeSelectedValue`. */
-export declare const Model: S.Struct<{
-    readonly id: S.String;
-    readonly isOpen: S.Boolean;
-    readonly isAnimated: S.Boolean;
-    readonly isModal: S.Boolean;
-    readonly orientation: S.Literals<readonly ["Vertical", "Horizontal"]>;
-    readonly animation: S.Struct<{
-        readonly id: S.String;
-        readonly isShowing: S.Boolean;
-        readonly transitionState: S.Literals<readonly ["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
+export declare const Model: Schema.Struct<{
+    readonly id: Schema.String;
+    readonly isOpen: Schema.Boolean;
+    readonly isAnimated: Schema.Boolean;
+    readonly isModal: Schema.Boolean;
+    readonly orientation: Schema.Literals<readonly ["Vertical", "Horizontal"]>;
+    readonly animation: Schema.Struct<{
+        readonly id: Schema.String;
+        readonly isShowing: Schema.Boolean;
+        readonly transitionState: Schema.Literals<readonly ["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
     }>;
-    readonly maybeActiveItemIndex: S.Option<S.Number>;
-    readonly activationTrigger: S.Literals<readonly ["Pointer", "Keyboard"]>;
-    readonly searchQuery: S.String;
-    readonly searchVersion: S.Number;
-    readonly maybeLastPointerPosition: S.Option<S.Struct<{
-        readonly screenX: S.Number;
-        readonly screenY: S.Number;
+    readonly maybeActiveItemIndex: Schema.Option<Schema.Number>;
+    readonly activationTrigger: Schema.Literals<readonly ["Pointer", "Keyboard"]>;
+    readonly searchQuery: Schema.String;
+    readonly searchVersion: Schema.Number;
+    readonly maybeLastPointerPosition: Schema.Option<Schema.Struct<{
+        readonly screenX: Schema.Number;
+        readonly screenY: Schema.Number;
     }>>;
-    readonly maybeLastButtonPointerType: S.Option<S.String>;
+    readonly maybeLastButtonPointerType: Schema.Option<Schema.String>;
 }>;
 export type Model = typeof Model.Type;
 /** Configuration for creating a single-select listbox model with `init`. `isAnimated` enables CSS transition coordination (default `false`). `isModal` locks page scroll and inerts other elements when open (default `false`). */

package/dist/listbox/single.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"single.d.ts","sourceRoot":"","sources":["../../src/listbox/single.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAC5C,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,EAAE,KAAK,IAAI,IAAI,YAAY,EAAc,MAAM,kBAAkB,CAAA;AAExE,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,OAAO,EACP,UAAU,EAIX,MAAM,aAAa,CAAA;AAIpB,wOAAwO;AACxO,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;EAEhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,mOAAmO;AACnO,MAAM,MAAM,UAAU,GAAG,cAAc,CAAA;AAEvC,4GAA4G;AAC5G,eAAO,MAAM,IAAI,WAAY,UAAU,KAAG,KAAyB,CAAA;AAInE;;qDAEqD;AACrD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAElB,CAAA;AAED,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAA;AAE7C;6DAC6D;AAC7D,eAAO,MAAM,IAAI,UAAW,KAAK,KAAG,YACoC,CAAA;AAExE;;;eAGe;AACf,eAAO,MAAM,KAAK,UAAW,KAAK,KAAG,YACJ,CAAA;AAEjC,0IAA0I;AAC1I,eAAO,MAAM,UAAU,UAAW,KAAK,QAAQ,MAAM,KAAG,YACT,CAAA;AAI/C,uFAAuF;AACvF,MAAM,MAAM,UAAU,CACpB,IAAI,EACJ,KAAK,SAAS,MAAM,GAAG,MAAM,IAC3B,oBAAoB,CAAC,IAAI,CAAC,GAC5B,QAAQ,CAAC;IACP;;;;6CAIyC;IACzC,kBAAkB,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;CACzC,CAAC,GACF,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;AAkB/B,KAAK,kBAAkB,CAAC,KAAK,SAAS,MAAM,IAAI,MAAM,CAAC,oBAAoB,CACzE,KAAK,EACL,OAAO,EACP,UAAU,CAAC,KAAK,CAAC,CAClB,CAAA;AAED;;;;uBAIuB;AACvB,MAAM,MAAM,MAAM,CAChB,IAAI,GAAG,MAAM,EACb,KAAK,SAAS,MAAM,GAAG,IAAI,SAAS,MAAM,GAAG,IAAI,GAAG,MAAM,IACxD,QAAQ,CAAC;IACX,IAAI,EAAE,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAC3D,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACrE,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACpE,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACjD,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAA;CACnD,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;wDAkBwD;AACxD,eAAO,MAAM,MAAM,GACjB,IAAI,GAAG,MAAM,EACb,KAAK,SAAS,MAAM,GAAG,IAAI,SAAS,MAAM,GAAG,IAAI,GAAG,MAAM,OACvD,MAAM,CAAC,IAAI,EAAE,KAAK,CA2BtB,CAAA"}
+{"version":3,"file":"single.d.ts","sourceRoot":"","sources":["../../src/listbox/single.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AACvC,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,EAAE,KAAK,IAAI,IAAI,YAAY,EAAc,MAAM,kBAAkB,CAAA;AAExE,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,OAAO,EACP,UAAU,EAIX,MAAM,aAAa,CAAA;AAIpB,wOAAwO;AACxO,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;EAEhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,mOAAmO;AACnO,MAAM,MAAM,UAAU,GAAG,cAAc,CAAA;AAEvC,4GAA4G;AAC5G,eAAO,MAAM,IAAI,WAAY,UAAU,KAAG,KAAyB,CAAA;AAInE;;qDAEqD;AACrD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAElB,CAAA;AAED,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAA;AAE7C;6DAC6D;AAC7D,eAAO,MAAM,IAAI,UAAW,KAAK,KAAG,YACoC,CAAA;AAExE;;;eAGe;AACf,eAAO,MAAM,KAAK,UAAW,KAAK,KAAG,YACJ,CAAA;AAEjC,0IAA0I;AAC1I,eAAO,MAAM,UAAU,UAAW,KAAK,QAAQ,MAAM,KAAG,YACT,CAAA;AAI/C,uFAAuF;AACvF,MAAM,MAAM,UAAU,CACpB,IAAI,EACJ,KAAK,SAAS,MAAM,GAAG,MAAM,IAC3B,oBAAoB,CAAC,IAAI,CAAC,GAC5B,QAAQ,CAAC;IACP;;;;6CAIyC;IACzC,kBAAkB,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;CACzC,CAAC,GACF,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;AAkB/B,KAAK,kBAAkB,CAAC,KAAK,SAAS,MAAM,IAAI,MAAM,CAAC,oBAAoB,CACzE,KAAK,EACL,OAAO,EACP,UAAU,CAAC,KAAK,CAAC,CAClB,CAAA;AAED;;;;uBAIuB;AACvB,MAAM,MAAM,MAAM,CAChB,IAAI,GAAG,MAAM,EACb,KAAK,SAAS,MAAM,GAAG,IAAI,SAAS,MAAM,GAAG,IAAI,GAAG,MAAM,IACxD,QAAQ,CAAC;IACX,IAAI,EAAE,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAC3D,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACrE,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACpE,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACjD,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAA;CACnD,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;wDAkBwD;AACxD,eAAO,MAAM,MAAM,GACjB,IAAI,GAAG,MAAM,EACb,KAAK,SAAS,MAAM,GAAG,IAAI,SAAS,MAAM,GAAG,IAAI,GAAG,MAAM,OACvD,MAAM,CAAC,IAAI,EAAE,KAAK,CA2BtB,CAAA"}

package/dist/listbox/single.js

@@ -1,10 +1,10 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
-import { Option, Schema as S } from 'effect';
+import { Option, Schema } from 'effect';
 import { defineView } from 'foldkit/submodel';
 import { BaseModel, Message, OutMessage, baseInit, makeUpdate, makeView, } from './shared.js';
 // MODEL
 /** Schema for the single-select listbox's private interaction state (open/closed status, active item, activation trigger, typeahead search). The selection is owned by the parent and passed in via `ViewInputs.maybeSelectedValue`. */
-export const Model = S.Struct({
+export const Model = Schema.Struct({
     ...BaseModel.fields,
 });
 /** Creates an initial single-select listbox model from a config. Defaults to closed with no active item. */