foldkit 0.89.0 → 0.90.1

package/dist/ui/menu/index.js

@@ -6,7 +6,7 @@ import { createLazy, html, } from '../../html/index.js';
 import { m } from '../../message/index.js';
 import * as Mount from '../../mount/index.js';
 import { evo } from '../../struct/index.js';
-import { anchorSetup, portalToBody } from '../anchor.js';
+import { AnchorConfig, anchorSetup, portalToBody } from '../anchor.js';
 // NOTE: Animation imports are split across schema + update to avoid a circular
 // dependency: animation → html → runtime → devtools → menu → animation.
 // The barrel (../animation) imports from html, which starts the cycle.
@@ -391,12 +391,14 @@ export const update = (model, message) => {
 /** The anchor-positioning Mount this Menu renders on its panel. Exposed so
  *  Scene tests can call `Scene.Mount.resolve(AnchorMenu, CompletedAnchorMenu())`
  *  to acknowledge the mount produced by the rendered panel. */
-export const AnchorMenu = Mount.define('AnchorMenu', CompletedAnchorMenu);
+export const AnchorMenu = Mount.define('AnchorMenu', { buttonId: S.String, anchor: AnchorConfig }, CompletedAnchorMenu)(({ buttonId, anchor }) => (element) => Effect.sync(() => {
+    const cleanup = anchorSetup({ buttonId, anchor })(element);
+    return { message: CompletedAnchorMenu(), cleanup };
+}));
 /** The backdrop-portaling Mount this Menu renders. Exposed so Scene tests can
  *  call `Scene.Mount.resolve(PortalMenuBackdrop, CompletedPortalMenuBackdrop())` to
  *  acknowledge the mount produced by the rendered backdrop. */
-export const PortalMenuBackdrop = Mount.define('PortalMenuBackdrop', CompletedPortalMenuBackdrop);
-const portalMenuBackdrop = PortalMenuBackdrop((element) => Effect.sync(() => {
+export const PortalMenuBackdrop = Mount.define('PortalMenuBackdrop', CompletedPortalMenuBackdrop)((element) => Effect.sync(() => {
     const cleanup = portalToBody(element);
     return { message: CompletedPortalMenuBackdrop(), cleanup };
 }));
@@ -413,7 +415,7 @@ export { groupContiguous, resolveTypeaheadMatch };
 const itemId = (id, index) => `${id}-item-${index}`;
 /** Renders a headless menu with typeahead search, keyboard navigation, and aria-activedescendant focus management. */
 export const view = (config) => {
-    const { div, AriaActiveDescendant, AriaControls, AriaDisabled, AriaExpanded, AriaHasPopup, AriaLabelledBy, Class, DataAttribute, Id, OnBlur, OnClick, OnKeyDownPreventDefault, OnKeyUpPreventDefault, OnMount, OnPointerDown, OnPointerLeave, OnPointerMove, OnPointerUp, Role, Style, Tabindex, Type, keyed, } = html();
+    const h = html();
     const { model: { id, isOpen, animation: { transitionState }, maybeActiveItemIndex, searchQuery, maybeLastButtonPointerType, }, toParentMessage, onSelectedItem, items, itemToConfig, isItemDisabled, itemToSearchText = (item) => item, isButtonDisabled, buttonContent, buttonClassName, buttonAttributes = [], itemsClassName, itemsAttributes = [], itemsScrollClassName, itemsScrollAttributes = [], backdropClassName, backdropAttributes = [], className, attributes = [], itemGroupKey, groupToHeading, groupClassName, groupAttributes = [], separatorClassName, separatorAttributes = [], anchor, } = config;
     const dispatchSelectedItem = (index) => onSelectedItem
         ? onSelectedItem(index)
@@ -421,19 +423,19 @@ export const view = (config) => {
     const isLeaving = transitionState === 'LeaveStart' || transitionState === 'LeaveAnimating';
     const isVisible = isOpen || isLeaving;
     const animationAttributes = M.value(transitionState).pipe(M.when('EnterStart', () => [
-        DataAttribute('closed', ''),
-        DataAttribute('enter', ''),
-        DataAttribute('transition', ''),
+        h.DataAttribute('closed', ''),
+        h.DataAttribute('enter', ''),
+        h.DataAttribute('transition', ''),
     ]), M.when('EnterAnimating', () => [
-        DataAttribute('enter', ''),
-        DataAttribute('transition', ''),
+        h.DataAttribute('enter', ''),
+        h.DataAttribute('transition', ''),
     ]), M.when('LeaveStart', () => [
-        DataAttribute('leave', ''),
-        DataAttribute('transition', ''),
+        h.DataAttribute('leave', ''),
+        h.DataAttribute('transition', ''),
     ]), M.when('LeaveAnimating', () => [
-        DataAttribute('closed', ''),
-        DataAttribute('leave', ''),
-        DataAttribute('transition', ''),
+        h.DataAttribute('closed', ''),
+        h.DataAttribute('leave', ''),
+        h.DataAttribute('transition', ''),
     ]), M.orElse(() => []));
     const isDisabled = (index) => Predicate.isNotUndefined(isItemDisabled) &&
         pipe(items, Array.get(index), Option.exists(item => isItemDisabled(item, index)));
@@ -483,61 +485,55 @@ export const view = (config) => {
     })))), M.when(isPrintableKey, () => searchForKey(key)), M.orElse(() => Option.none()));
     const handleItemsPointerUp = (screenX, screenY, pointerType, timeStamp) => OptionExt.when(pointerType === 'mouse', toParentMessage(ReleasedPointerOnItems({ screenX, screenY, timeStamp })));
     const resolvedButtonAttributes = [
-        Id(`${id}-button`),
-        Type('button'),
-        AriaHasPopup('menu'),
-        AriaExpanded(isVisible),
-        AriaControls(`${id}-items`),
+        h.Id(`${id}-button`),
+        h.Type('button'),
+        h.AriaHasPopup('menu'),
+        h.AriaExpanded(isVisible),
+        h.AriaControls(`${id}-items`),
         ...(isButtonDisabled
-            ? [AriaDisabled(true), DataAttribute('disabled', '')]
+            ? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
             : [
-                OnPointerDown(handleButtonPointerDown),
-                OnKeyDownPreventDefault(handleButtonKeyDown),
-                OnKeyUpPreventDefault(handleSpaceKeyUp),
-                OnClick(handleButtonClick()),
+                h.OnPointerDown(handleButtonPointerDown),
+                h.OnKeyDownPreventDefault(handleButtonKeyDown),
+                h.OnKeyUpPreventDefault(handleSpaceKeyUp),
+                h.OnClick(handleButtonClick()),
             ]),
         ...(isVisible
             ? [
-                DataAttribute('open', ''),
-                Style({ position: 'relative', zIndex: '1' }),
+                h.DataAttribute('open', ''),
+                h.Style({ position: 'relative', zIndex: '1' }),
             ]
             : []),
-        ...(buttonClassName ? [Class(buttonClassName)] : []),
+        ...(buttonClassName ? [h.Class(buttonClassName)] : []),
         ...buttonAttributes,
     ];
     const maybeActiveDescendant = Option.match(maybeActiveItemIndex, {
         onNone: () => [],
-        onSome: index => [AriaActiveDescendant(itemId(id, index))],
+        onSome: index => [h.AriaActiveDescendant(itemId(id, index))],
     });
     const anchorAttributes = anchor
         ? [
-            Style({ position: 'absolute', margin: '0', visibility: 'hidden' }),
-            OnMount(Mount.mapMessage(AnchorMenu((items) => Effect.sync(() => {
-                const cleanup = anchorSetup({
-                    buttonId: `${id}-button`,
-                    anchor,
-                })(items);
-                return { message: CompletedAnchorMenu(), cleanup };
-            })), toParentMessage)),
+            h.Style({ position: 'absolute', margin: '0', visibility: 'hidden' }),
+            h.OnMount(Mount.mapMessage(AnchorMenu({ buttonId: `${id}-button`, anchor }), toParentMessage)),
         ]
         : [];
     const itemsContainerAttributes = [
-        Id(`${id}-items`),
-        Role('menu'),
-        AriaLabelledBy(`${id}-button`),
+        h.Id(`${id}-items`),
+        h.Role('menu'),
+        h.AriaLabelledBy(`${id}-button`),
         ...maybeActiveDescendant,
-        Tabindex(0),
+        h.Tabindex(0),
         ...anchorAttributes,
         ...animationAttributes,
         ...(isLeaving
             ? []
             : [
-                OnKeyDownPreventDefault(handleItemsKeyDown),
-                OnKeyUpPreventDefault(handleSpaceKeyUp),
-                OnPointerUp(handleItemsPointerUp),
-                OnBlur(toParentMessage(BlurredItems())),
+                h.OnKeyDownPreventDefault(handleItemsKeyDown),
+                h.OnKeyUpPreventDefault(handleSpaceKeyUp),
+                h.OnPointerUp(handleItemsPointerUp),
+                h.OnBlur(toParentMessage(BlurredItems())),
             ]),
-        ...(itemsClassName ? [Class(itemsClassName)] : []),
+        ...(itemsClassName ? [h.Class(itemsClassName)] : []),
         ...itemsAttributes,
     ];
     const menuItems = Array.map(items, (item, index) => {
@@ -548,25 +544,25 @@ export const view = (config) => {
             isDisabled: isDisabledItem,
         });
         const isInteractive = !isDisabledItem && !isLeaving;
-        return keyed('div')(itemId(id, index), [
-            Id(itemId(id, index)),
-            Role('menuitem'),
-            ...(isActiveItem ? [DataAttribute('active', '')] : []),
+        return h.keyed('div')(itemId(id, index), [
+            h.Id(itemId(id, index)),
+            h.Role('menuitem'),
+            ...(isActiveItem ? [h.DataAttribute('active', '')] : []),
             ...(isDisabledItem
-                ? [AriaDisabled(true), DataAttribute('disabled', '')]
+                ? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
                 : []),
             ...(isInteractive
                 ? [
-                    OnClick(dispatchSelectedItem(index)),
+                    h.OnClick(dispatchSelectedItem(index)),
                     ...(isActiveItem
                         ? []
                         : [
-                            OnPointerMove((screenX, screenY, pointerType) => OptionExt.when(pointerType !== 'touch', toParentMessage(MovedPointerOverItem({ index, screenX, screenY })))),
+                            h.OnPointerMove((screenX, screenY, pointerType) => OptionExt.when(pointerType !== 'touch', toParentMessage(MovedPointerOverItem({ index, screenX, screenY })))),
                         ]),
-                    OnPointerLeave(pointerType => OptionExt.when(pointerType !== 'touch', toParentMessage(DeactivatedItem()))),
+                    h.OnPointerLeave(pointerType => OptionExt.when(pointerType !== 'touch', toParentMessage(DeactivatedItem()))),
                 ]
                 : []),
-            ...(itemConfig.className ? [Class(itemConfig.className)] : []),
+            ...(itemConfig.className ? [h.Class(itemConfig.className)] : []),
         ], [itemConfig.content]);
     });
     const renderGroupedItems = () => {
@@ -583,27 +579,27 @@ export const view = (config) => {
             const headingElement = Option.match(maybeHeading, {
                 onNone: () => [],
                 onSome: heading => [
-                    keyed('div')(headingId, [
-                        Id(headingId),
-                        Role('presentation'),
-                        ...(heading.className ? [Class(heading.className)] : []),
+                    h.keyed('div')(headingId, [
+                        h.Id(headingId),
+                        h.Role('presentation'),
+                        ...(heading.className ? [h.Class(heading.className)] : []),
                     ], [heading.content]),
                 ],
             });
             const groupContent = [...headingElement, ...segment.items];
-            const groupElement = keyed('div')(`${id}-group-${segment.key}`, [
-                Role('group'),
-                ...(Option.isSome(maybeHeading) ? [AriaLabelledBy(headingId)] : []),
-                ...(groupClassName ? [Class(groupClassName)] : []),
+            const groupElement = h.keyed('div')(`${id}-group-${segment.key}`, [
+                h.Role('group'),
+                ...(Option.isSome(maybeHeading) ? [h.AriaLabelledBy(headingId)] : []),
+                ...(groupClassName ? [h.Class(groupClassName)] : []),
                 ...groupAttributes,
             ], groupContent);
             const separator = segmentIndex > 0 &&
                 (separatorClassName ||
                     Array.isReadonlyArrayNonEmpty(separatorAttributes))
                 ? [
-                    keyed('div')(`${id}-separator-${segmentIndex}`, [
-                        Role('separator'),
-                        ...(separatorClassName ? [Class(separatorClassName)] : []),
+                    h.keyed('div')(`${id}-separator-${segmentIndex}`, [
+                        h.Role('separator'),
+                        ...(separatorClassName ? [h.Class(separatorClassName)] : []),
                         ...separatorAttributes,
                     ], []),
                 ]
@@ -611,32 +607,34 @@ export const view = (config) => {
             return [...separator, groupElement];
         });
     };
-    const backdrop = keyed('div')(`${id}-backdrop`, [
-        OnMount(Mount.mapMessage(portalMenuBackdrop, toParentMessage)),
-        ...(isLeaving ? [] : [OnClick(toParentMessage(Closed()))]),
-        ...(backdropClassName ? [Class(backdropClassName)] : []),
+    const backdrop = h.keyed('div')(`${id}-backdrop`, [
+        h.OnMount(Mount.mapMessage(PortalMenuBackdrop(), toParentMessage)),
+        ...(isLeaving ? [] : [h.OnClick(toParentMessage(Closed()))]),
+        ...(backdropClassName ? [h.Class(backdropClassName)] : []),
         ...backdropAttributes,
     ], []);
     const renderedItems = renderGroupedItems();
     const scrollableItems = itemsScrollClassName || Array.isReadonlyArrayNonEmpty(itemsScrollAttributes)
         ? [
-            div([
-                ...(itemsScrollClassName ? [Class(itemsScrollClassName)] : []),
+            h.div([
+                ...(itemsScrollClassName ? [h.Class(itemsScrollClassName)] : []),
                 ...itemsScrollAttributes,
             ], renderedItems),
         ]
         : renderedItems;
     const visibleContent = [
         backdrop,
-        keyed('div')(`${id}-items-container`, itemsContainerAttributes, scrollableItems),
+        h.keyed('div')(`${id}-items-container`, itemsContainerAttributes, scrollableItems),
     ];
     const wrapperAttributes = [
-        ...(className ? [Class(className)] : []),
+        ...(className ? [h.Class(className)] : []),
         ...attributes,
-        ...(isVisible ? [DataAttribute('open', '')] : []),
+        ...(isVisible ? [h.DataAttribute('open', '')] : []),
     ];
-    return div(wrapperAttributes, [
-        keyed('button')(`${id}-button`, resolvedButtonAttributes, [buttonContent]),
+    return h.div(wrapperAttributes, [
+        h.keyed('button')(`${id}-button`, resolvedButtonAttributes, [
+            buttonContent,
+        ]),
         ...(isVisible ? visibleContent : []),
     ]);
 };

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

@@ -2,7 +2,7 @@ import { Effect, Schema as S } from 'effect';
 import * as Command from '../../command/index.js';
 import { type Attribute, type Html } from '../../html/index.js';
 import * as Mount from '../../mount/index.js';
-import type { AnchorConfig } from '../anchor.js';
+import { AnchorConfig } from '../anchor.js';
 /** Schema for the popover component's state, tracking open/closed status and animation lifecycle. */
 export declare const Model: S.Struct<{
     readonly id: S.String;
@@ -140,13 +140,23 @@ export declare const update: (model: Model, message: Message) => UpdateReturn;
 /** The anchor-positioning Mount this Popover renders on its panel. Exposed so
  *  Scene tests can call `Scene.Mount.resolve(AnchorPopover, CompletedAnchorPopover())`
  *  to acknowledge the mount produced by the rendered panel. */
-export declare const AnchorPopover: Mount.MountDefinition<"AnchorPopover", {
+export declare const AnchorPopover: Mount.MountDefinitionWithArgs<"AnchorPopover", {
+    buttonId: S.String;
+    anchor: S.Struct<{
+        readonly placement: S.optional<S.Literals<readonly ["top", "right", "bottom", "left", "top-start", "top-end", "right-start", "right-end", "bottom-start", "bottom-end", "left-start", "left-end"]>>;
+        readonly gap: S.optional<S.Number>;
+        readonly offset: S.optional<S.Number>;
+        readonly padding: S.optional<S.Number>;
+        readonly portal: S.optional<S.Boolean>;
+    }>;
+    focusSelector: S.optional<S.String>;
+}, {
     readonly _tag: "CompletedAnchorPopover";
 }>;
 /** The backdrop-portaling Mount this Popover renders. Exposed so Scene tests can
  *  call `Scene.Mount.resolve(PortalPopoverBackdrop, CompletedPortalPopoverBackdrop())` to
  *  acknowledge the mount produced by the rendered backdrop. */
-export declare const PortalPopoverBackdrop: Mount.MountDefinition<"PortalPopoverBackdrop", {
+export declare const PortalPopoverBackdrop: Mount.MountDefinitionNoArgs<"PortalPopoverBackdrop", {
     readonly _tag: "CompletedPortalPopoverBackdrop";
 }>;
 /** Programmatically opens the popover, updating the model and returning

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

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

package/dist/ui/popover/index.js

@@ -6,7 +6,7 @@ import { createLazy, html, } from '../../html/index.js';
 import { m } from '../../message/index.js';
 import * as Mount from '../../mount/index.js';
 import { evo } from '../../struct/index.js';
-import { anchorSetup, portalToBody } from '../anchor.js';
+import { AnchorConfig, anchorSetup, portalToBody } from '../anchor.js';
 // NOTE: Animation imports are split across schema + update to avoid a circular
 // dependency: animation → html → runtime → devtools → popover → animation.
 // The barrel (../animation) imports from html, which starts the cycle.
@@ -208,12 +208,24 @@ export const update = (model, message) => {
 /** The anchor-positioning Mount this Popover renders on its panel. Exposed so
  *  Scene tests can call `Scene.Mount.resolve(AnchorPopover, CompletedAnchorPopover())`
  *  to acknowledge the mount produced by the rendered panel. */
-export const AnchorPopover = Mount.define('AnchorPopover', CompletedAnchorPopover);
+export const AnchorPopover = Mount.define('AnchorPopover', {
+    buttonId: S.String,
+    anchor: AnchorConfig,
+    focusSelector: S.optional(S.String),
+}, CompletedAnchorPopover)(({ buttonId, anchor, focusSelector }) => (element) => Effect.sync(() => {
+    const cleanup = anchorSetup({
+        buttonId,
+        anchor,
+        interceptTab: false,
+        focusAfterPosition: true,
+        ...(focusSelector !== undefined && { focusSelector }),
+    })(element);
+    return { message: CompletedAnchorPopover(), cleanup };
+}));
 /** The backdrop-portaling Mount this Popover renders. Exposed so Scene tests can
  *  call `Scene.Mount.resolve(PortalPopoverBackdrop, CompletedPortalPopoverBackdrop())` to
  *  acknowledge the mount produced by the rendered backdrop. */
-export const PortalPopoverBackdrop = Mount.define('PortalPopoverBackdrop', CompletedPortalPopoverBackdrop);
-const portalPopoverBackdrop = PortalPopoverBackdrop((element) => Effect.sync(() => {
+export const PortalPopoverBackdrop = Mount.define('PortalPopoverBackdrop', CompletedPortalPopoverBackdrop)((element) => Effect.sync(() => {
     const cleanup = portalToBody(element);
     return { message: CompletedPortalPopoverBackdrop(), cleanup };
 }));
@@ -225,26 +237,26 @@ export const open = (model) => update(model, Opened());
 export const close = (model) => update(model, Closed());
 /** Renders a headless popover with a trigger button and a floating panel. Uses the disclosure ARIA pattern (aria-expanded + aria-controls) with no role on the panel. */
 export const view = (config) => {
-    const { div, AriaControls, AriaDisabled, AriaExpanded, Class, DataAttribute, Id, OnBlur, OnClick, OnKeyDownPreventDefault, OnKeyUpPreventDefault, OnMount, OnPointerDown, Style, Tabindex, Type, keyed, } = html();
+    const h = html();
     const { model: { id, isOpen, contentFocus, animation: { transitionState }, maybeLastButtonPointerType, }, toParentMessage, onOpened, onClosed, anchor, buttonContent, buttonClassName, buttonAttributes = [], panelContent, panelClassName, panelAttributes = [], backdropClassName, backdropAttributes = [], isDisabled, focusSelector, className, attributes = [], } = config;
     const dispatchOpened = () => onOpened ? onOpened() : toParentMessage(Opened());
     const dispatchClosed = () => onClosed ? onClosed() : toParentMessage(Closed());
     const isLeaving = transitionState === 'LeaveStart' || transitionState === 'LeaveAnimating';
     const isVisible = isOpen || isLeaving;
     const animationAttributes = M.value(transitionState).pipe(M.when('EnterStart', () => [
-        DataAttribute('closed', ''),
-        DataAttribute('enter', ''),
-        DataAttribute('transition', ''),
+        h.DataAttribute('closed', ''),
+        h.DataAttribute('enter', ''),
+        h.DataAttribute('transition', ''),
     ]), M.when('EnterAnimating', () => [
-        DataAttribute('enter', ''),
-        DataAttribute('transition', ''),
+        h.DataAttribute('enter', ''),
+        h.DataAttribute('transition', ''),
     ]), M.when('LeaveStart', () => [
-        DataAttribute('leave', ''),
-        DataAttribute('transition', ''),
+        h.DataAttribute('leave', ''),
+        h.DataAttribute('transition', ''),
     ]), M.when('LeaveAnimating', () => [
-        DataAttribute('closed', ''),
-        DataAttribute('leave', ''),
-        DataAttribute('transition', ''),
+        h.DataAttribute('closed', ''),
+        h.DataAttribute('leave', ''),
+        h.DataAttribute('transition', ''),
     ]), M.orElse(() => []));
     const handleButtonKeyDown = (key) => M.value(key).pipe(M.whenOr('Enter', ' ', 'ArrowDown', () => Option.some(isOpen ? dispatchClosed() : dispatchOpened())), M.when('Escape', () => OptionExt.when(isOpen, dispatchClosed())), M.orElse(() => Option.none()));
     const handleButtonPointerDown = (pointerType, button) => Option.some(toParentMessage(PressedPointerOnButton({
@@ -266,74 +278,71 @@ export const view = (config) => {
     const handleSpaceKeyUp = (key) => OptionExt.when(key === ' ', toParentMessage(SuppressedSpaceScroll()));
     const handlePanelKeyDown = (key) => M.value(key).pipe(M.when('Escape', () => Option.some(dispatchClosed())), M.orElse(() => Option.none()));
     const resolvedButtonAttributes = [
-        Id(`${id}-button`),
-        Type('button'),
-        AriaExpanded(isVisible),
-        AriaControls(`${id}-panel`),
+        h.Id(`${id}-button`),
+        h.Type('button'),
+        h.AriaExpanded(isVisible),
+        h.AriaControls(`${id}-panel`),
         ...(isDisabled
-            ? [AriaDisabled(true), DataAttribute('disabled', '')]
+            ? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
             : [
-                OnPointerDown(handleButtonPointerDown),
-                OnKeyDownPreventDefault(handleButtonKeyDown),
-                OnKeyUpPreventDefault(handleSpaceKeyUp),
-                OnClick(handleButtonClick()),
+                h.OnPointerDown(handleButtonPointerDown),
+                h.OnKeyDownPreventDefault(handleButtonKeyDown),
+                h.OnKeyUpPreventDefault(handleSpaceKeyUp),
+                h.OnClick(handleButtonClick()),
             ]),
         ...(isVisible
             ? [
-                DataAttribute('open', ''),
-                Style({ position: 'relative', zIndex: '1' }),
+                h.DataAttribute('open', ''),
+                h.Style({ position: 'relative', zIndex: '1' }),
             ]
             : []),
-        ...(buttonClassName ? [Class(buttonClassName)] : []),
+        ...(buttonClassName ? [h.Class(buttonClassName)] : []),
         ...buttonAttributes,
     ];
-    const anchorPopover = Mount.mapMessage(AnchorPopover((items) => Effect.sync(() => {
-        const cleanup = anchorSetup({
-            buttonId: `${id}-button`,
-            anchor,
-            interceptTab: false,
-            focusAfterPosition: true,
-            ...(focusSelector !== undefined && { focusSelector }),
-        })(items);
-        return { message: CompletedAnchorPopover(), cleanup };
-    })), toParentMessage);
+    const anchorPopover = Mount.mapMessage(AnchorPopover({
+        buttonId: `${id}-button`,
+        anchor,
+        ...(focusSelector !== undefined && { focusSelector }),
+    }), toParentMessage);
     const anchorAttributes = [
-        Style({ position: 'absolute', margin: '0', visibility: 'hidden' }),
-        OnMount(anchorPopover),
+        h.Style({ position: 'absolute', margin: '0', visibility: 'hidden' }),
+        h.OnMount(anchorPopover),
     ];
     const resolvedPanelAttributes = [
-        Id(`${id}-panel`),
-        ...(contentFocus ? [] : [Tabindex(0)]),
+        h.Id(`${id}-panel`),
+        ...(contentFocus ? [] : [h.Tabindex(0)]),
         ...anchorAttributes,
         ...animationAttributes,
         ...(isLeaving
             ? []
             : [
-                OnKeyDownPreventDefault(handlePanelKeyDown),
-                ...(contentFocus ? [] : [OnBlur(toParentMessage(BlurredPanel()))]),
+                h.OnKeyDownPreventDefault(handlePanelKeyDown),
+                ...(contentFocus ? [] : [h.OnBlur(toParentMessage(BlurredPanel()))]),
             ]),
-        ...(panelClassName ? [Class(panelClassName)] : []),
+        ...(panelClassName ? [h.Class(panelClassName)] : []),
         ...panelAttributes,
     ];
-    const backdrop = keyed('div')(`${id}-backdrop`, [
-        OnMount(Mount.mapMessage(portalPopoverBackdrop, toParentMessage)),
-        ...(isLeaving ? [] : [OnClick(dispatchClosed())]),
-        ...(backdropClassName ? [Class(backdropClassName)] : []),
+    const backdrop = h.keyed('div')(`${id}-backdrop`, [
+        h.OnMount(Mount.mapMessage(PortalPopoverBackdrop(), toParentMessage)),
+        ...(isLeaving ? [] : [h.OnClick(dispatchClosed())]),
+        ...(backdropClassName ? [h.Class(backdropClassName)] : []),
         ...backdropAttributes,
     ], []);
     const visibleContent = [
         backdrop,
-        keyed('div')(`${id}-panel-container`, resolvedPanelAttributes, [
+        h.keyed('div')(`${id}-panel-container`, resolvedPanelAttributes, [
             panelContent,
         ]),
     ];
     const wrapperAttributes = [
-        ...(className ? [Class(className)] : []),
+        ...(className ? [h.Class(className)] : []),
         ...attributes,
-        ...(isVisible ? [DataAttribute('open', '')] : []),
+        ...(isVisible ? [h.DataAttribute('open', '')] : []),
     ];
-    return div(wrapperAttributes, [
-        keyed('button')(`${id}-button`, resolvedButtonAttributes, [buttonContent]),
+    return h.div(wrapperAttributes, [
+        h.keyed('button')(`${id}-button`, resolvedButtonAttributes, [
+            buttonContent,
+        ]),
         ...(isVisible ? visibleContent : []),
     ]);
 };

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

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

package/dist/ui/radioGroup/index.js

@@ -52,7 +52,7 @@ const labelId = (id, index) => `${id}-option-${index}-label`;
 const descriptionId = (id, index) => `${id}-option-${index}-description`;
 /** Renders an accessible radio group by building ARIA attribute groups and delegating layout to the consumer's `optionToConfig` callback. */
 export const view = (config) => {
-    const { div, input, AriaChecked, AriaDescribedBy, AriaDisabled, AriaLabel, AriaLabelledBy, AriaOrientation, Class, DataAttribute, Id, Name, OnClick, OnKeyDownPreventDefault, Role, Tabindex, Type, Value, } = html();
+    const h = html();
     const { model, model: { id, selectedValue }, toParentMessage, onSelected, options, optionToConfig, isOptionDisabled: isOptionDisabledFn, orientation = model.orientation, ariaLabel, className, attributes = [], name, isDisabled: isGroupDisabled = false, } = config;
     const dispatchSelected = (value, index) => onSelected
         ? onSelected(value, index)
@@ -98,33 +98,33 @@ export const view = (config) => {
             isActive: isFocusable,
             isDisabled: isOptionDisabled,
         });
-        const checkedAttributes = isSelected ? [DataAttribute('checked', '')] : [];
-        const activeAttributes = isFocusable ? [DataAttribute('active', '')] : [];
+        const checkedAttributes = isSelected ? [h.DataAttribute('checked', '')] : [];
+        const activeAttributes = isFocusable ? [h.DataAttribute('active', '')] : [];
         const disabledAttributes = isOptionDisabled
-            ? [AriaDisabled(true), DataAttribute('disabled', '')]
+            ? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
             : [];
         const optionAttributes = [
-            Id(optionId(id, index)),
-            Role('radio'),
-            AriaChecked(isSelected),
-            AriaLabelledBy(labelId(id, index)),
-            AriaDescribedBy(descriptionId(id, index)),
-            Tabindex(isFocusable ? 0 : -1),
+            h.Id(optionId(id, index)),
+            h.Role('radio'),
+            h.AriaChecked(isSelected),
+            h.AriaLabelledBy(labelId(id, index)),
+            h.AriaDescribedBy(descriptionId(id, index)),
+            h.Tabindex(isFocusable ? 0 : -1),
             ...checkedAttributes,
             ...activeAttributes,
             ...disabledAttributes,
             ...(isOptionDisabled
                 ? []
                 : [
-                    OnClick(dispatchSelected(optionConfig.value, index)),
-                    OnKeyDownPreventDefault(handleKeyDown(index)),
+                    h.OnClick(dispatchSelected(optionConfig.value, index)),
+                    h.OnKeyDownPreventDefault(handleKeyDown(index)),
                 ]),
         ];
         const labelAttributes = [
-            Id(labelId(id, index)),
+            h.Id(labelId(id, index)),
         ];
         const descriptionAttributes = [
-            Id(descriptionId(id, index)),
+            h.Id(descriptionId(id, index)),
         ];
         return optionConfig.content({
             option: optionAttributes,
@@ -132,18 +132,18 @@ export const view = (config) => {
             description: descriptionAttributes,
         });
     });
-    const hiddenInputs = pipe(name, Option.fromNullishOr, Option.flatMap(inputName => pipe(selectedValue, Option.map(value => input([Type('hidden'), Name(inputName), Value(value)])))), Option.match({
+    const hiddenInputs = pipe(name, Option.fromNullishOr, Option.flatMap(inputName => pipe(selectedValue, Option.map(value => h.input([h.Type('hidden'), h.Name(inputName), h.Value(value)])))), Option.match({
         onNone: () => [],
         onSome: hiddenInput => [hiddenInput],
     }));
     const groupAttributes = [
-        Role('radiogroup'),
-        AriaOrientation(String.toLowerCase(orientation)),
-        AriaLabel(ariaLabel),
-        ...(className ? [Class(className)] : []),
+        h.Role('radiogroup'),
+        h.AriaOrientation(String.toLowerCase(orientation)),
+        h.AriaLabel(ariaLabel),
+        ...(className ? [h.Class(className)] : []),
         ...attributes,
     ];
-    return div(groupAttributes, [...renderedOptions, ...hiddenInputs]);
+    return h.div(groupAttributes, [...renderedOptions, ...hiddenInputs]);
 };
 /** Creates a memoized radio group view. Static config is captured in a closure;
  *  only `model` and `toParentMessage` are compared per render via `createLazy`. */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/select/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAI/C,0FAA0F;AAC1F,MAAM,MAAM,gBAAgB,CAAC,aAAa,IAAI,QAAQ,CAAC;IACrD,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAC/C,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAC9C,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;CACrD,CAAC,CAAA;AAEF,wDAAwD;AACxD,MAAM,MAAM,UAAU,CAAC,aAAa,IAAI,QAAQ,CAAC;IAC/C,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAC7D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,aAAa,CAAA;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEF,sEAAsE;AACtE,eAAO,MAAM,aAAa,GAAI,IAAI,MAAM,KAAG,MAA6B,CAAA;AAExE,gIAAgI;AAChI,eAAO,MAAM,IAAI,GAAI,aAAa,EAChC,QAAQ,UAAU,CAAC,aAAa,CAAC,KAChC,IAiEF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/select/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAI/C,0FAA0F;AAC1F,MAAM,MAAM,gBAAgB,CAAC,aAAa,IAAI,QAAQ,CAAC;IACrD,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAC/C,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAC9C,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;CACrD,CAAC,CAAA;AAEF,wDAAwD;AACxD,MAAM,MAAM,UAAU,CAAC,aAAa,IAAI,QAAQ,CAAC;IAC/C,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAC7D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,aAAa,CAAA;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEF,sEAAsE;AACtE,eAAO,MAAM,aAAa,GAAI,IAAI,MAAM,KAAG,MAA6B,CAAA;AAExE,gIAAgI;AAChI,eAAO,MAAM,IAAI,GAAI,aAAa,EAChC,QAAQ,UAAU,CAAC,aAAa,CAAC,KAChC,IAuDF,CAAA"}