foldkit 0.89.0 → 0.90.1

package/dist/ui/combobox/shared.js

@@ -6,7 +6,7 @@ import { html, } from '../../html/index.js';
 import { m } from '../../message/index.js';
 import * as Mount from '../../mount/index.js';
 import { makeConstrainedEvo } 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 → combobox → animation.
 // The barrel (../animation) imports from html, which starts the cycle.
@@ -330,21 +330,31 @@ export const makeUpdate = (handlers) => {
 /** The anchor-positioning Mount this Combobox renders when an anchor is
  *  configured. Exposed so Scene tests can call
  *  `Scene.Mount.resolve(AnchorCombobox, CompletedAnchorCombobox())`. */
-export const AnchorCombobox = Mount.define('AnchorCombobox', CompletedAnchorCombobox);
+export const AnchorCombobox = Mount.define('AnchorCombobox', { buttonId: S.String, anchor: AnchorConfig }, CompletedAnchorCombobox)(({ buttonId, anchor }) => (element) => Effect.sync(() => {
+    const preventBlur = (event) => {
+        event.preventDefault();
+    };
+    element.addEventListener('pointerdown', preventBlur, { capture: true });
+    const teardownAnchor = anchorSetup({
+        buttonId,
+        anchor,
+        interceptTab: false,
+    })(element);
+    return {
+        message: CompletedAnchorCombobox(),
+        cleanup: () => {
+            element.removeEventListener('pointerdown', preventBlur, {
+                capture: true,
+            });
+            teardownAnchor();
+        },
+    };
+}));
 /** The Mount this Combobox renders to install a `pointerdown`-cancelling
  *  capture listener that prevents blur on item presses. Exposed so Scene
  *  tests can call
  *  `Scene.Mount.resolve(AttachComboboxPreventBlur, CompletedAttachComboboxPreventBlur())`. */
-export const AttachComboboxPreventBlur = Mount.define('AttachComboboxPreventBlur', CompletedAttachComboboxPreventBlur);
-/** The Mount this Combobox renders to install the input's select-on-focus
- *  behavior. Exposed so Scene tests can call
- *  `Scene.Mount.resolve(AttachComboboxSelectOnFocus, CompletedAttachComboboxSelectOnFocus())`. */
-export const AttachComboboxSelectOnFocus = Mount.define('AttachComboboxSelectOnFocus', CompletedAttachComboboxSelectOnFocus);
-/** The backdrop-portaling Mount this Combobox renders. Exposed so Scene tests can
- *  call `Scene.Mount.resolve(PortalComboboxBackdrop, CompletedPortalComboboxBackdrop())` to
- *  acknowledge the mount produced by the rendered backdrop. */
-export const PortalComboboxBackdrop = Mount.define('PortalComboboxBackdrop', CompletedPortalComboboxBackdrop);
-const attachComboboxPreventBlur = AttachComboboxPreventBlur((element) => Effect.sync(() => {
+export const AttachComboboxPreventBlur = Mount.define('AttachComboboxPreventBlur', CompletedAttachComboboxPreventBlur)((element) => Effect.sync(() => {
     const handler = (event) => {
         event.preventDefault();
     };
@@ -356,7 +366,10 @@ const attachComboboxPreventBlur = AttachComboboxPreventBlur((element) => Effect.
         }),
     };
 }));
-const attachComboboxSelectOnFocus = AttachComboboxSelectOnFocus((element) => Effect.sync(() => {
+/** The Mount this Combobox renders to install the input's select-on-focus
+ *  behavior. Exposed so Scene tests can call
+ *  `Scene.Mount.resolve(AttachComboboxSelectOnFocus, CompletedAttachComboboxSelectOnFocus())`. */
+export const AttachComboboxSelectOnFocus = Mount.define('AttachComboboxSelectOnFocus', CompletedAttachComboboxSelectOnFocus)((element) => Effect.sync(() => {
     const handler = () => {
         if (element instanceof HTMLInputElement) {
             element.select();
@@ -368,13 +381,16 @@ const attachComboboxSelectOnFocus = AttachComboboxSelectOnFocus((element) => Eff
         cleanup: () => element.removeEventListener('focus', handler),
     };
 }));
-const portalComboboxBackdrop = PortalComboboxBackdrop((element) => Effect.sync(() => {
+/** The backdrop-portaling Mount this Combobox renders. Exposed so Scene tests can
+ *  call `Scene.Mount.resolve(PortalComboboxBackdrop, CompletedPortalComboboxBackdrop())` to
+ *  acknowledge the mount produced by the rendered backdrop. */
+export const PortalComboboxBackdrop = Mount.define('PortalComboboxBackdrop', CompletedPortalComboboxBackdrop)((element) => Effect.sync(() => {
     const cleanup = portalToBody(element);
     return { message: CompletedPortalComboboxBackdrop(), cleanup };
 }));
 /** Creates a combobox view function from variant-specific behavior. Shared rendering logic (input, items, transitions, keyboard navigation) is handled internally; only selection display varies by variant. */
 export const makeView = (behavior) => (config) => {
-    const { div, input, AriaActiveDescendant, AriaControls, AriaDisabled, AriaExpanded, AriaInvalid, AriaLabelledBy, AriaMultiSelectable, AriaSelected, Attribute, Autocomplete, Class, DataAttribute, Id, Name, OnBlur, OnClick, OnFocus, OnInput, OnKeyDownPreventDefault, OnMount, OnPointerLeave, OnPointerMove, Placeholder, Role, Style, Tabindex, Type, Value, keyed, } = html();
+    const h = html();
     const { model: { id, isOpen, immediate, animation: { transitionState }, maybeActiveItemIndex, }, toParentMessage, onSelectedItem, items, itemToConfig, itemToValue, itemToDisplayText, isItemDisabled, inputClassName, inputAttributes = [], inputPlaceholder, inputWrapperClassName, inputWrapperAttributes = [], itemsClassName, itemsAttributes = [], itemsScrollClassName, itemsScrollAttributes = [], backdropClassName, backdropAttributes = [], className, attributes = [], buttonContent, buttonClassName, buttonAttributes = [], formName, isDisabled, isInvalid, openOnFocus, itemGroupKey, groupToHeading, groupClassName, groupAttributes = [], separatorClassName, separatorAttributes = [], anchor, } = config;
     const dispatchSelectedItem = (item, index) => onSelectedItem
         ? onSelectedItem(itemToValue(item, index))
@@ -385,19 +401,19 @@ export const makeView = (behavior) => (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 isDisabledAtIndex = (index) => Predicate.isNotUndefined(isItemDisabled) &&
         pipe(items, Array.get(index), Option.exists(item => isItemDisabled(item, index)));
@@ -458,77 +474,63 @@ export const makeView = (behavior) => (config) => {
     }), M.orElse(() => Option.none()));
     const maybeActiveDescendant = Option.match(maybeActiveItemIndex, {
         onNone: () => [],
-        onSome: index => [AriaActiveDescendant(itemId(id, index))],
+        onSome: index => [h.AriaActiveDescendant(itemId(id, index))],
     });
     const resolvedInputAttributes = [
-        Id(`${id}-input`),
-        Role('combobox'),
-        AriaExpanded(isVisible),
-        AriaControls(`${id}-items`),
-        Attribute('aria-autocomplete', 'list'),
-        Attribute('aria-haspopup', 'listbox'),
-        Autocomplete('off'),
-        Value(config.model.inputValue),
+        h.Id(`${id}-input`),
+        h.Role('combobox'),
+        h.AriaExpanded(isVisible),
+        h.AriaControls(`${id}-items`),
+        h.Attribute('aria-autocomplete', 'list'),
+        h.Attribute('aria-haspopup', 'listbox'),
+        h.Autocomplete('off'),
+        h.Value(config.model.inputValue),
         ...maybeActiveDescendant,
-        ...(inputPlaceholder ? [Placeholder(inputPlaceholder)] : []),
+        ...(inputPlaceholder ? [h.Placeholder(inputPlaceholder)] : []),
         ...(isDisabled
-            ? [AriaDisabled(true), DataAttribute('disabled', '')]
+            ? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
             : [
-                OnInput(value => toParentMessage(UpdatedInputValue({ value }))),
-                OnKeyDownPreventDefault(handleInputKeyDown),
-                OnBlur(toParentMessage(BlurredInput())),
+                h.OnInput(value => toParentMessage(UpdatedInputValue({ value }))),
+                h.OnKeyDownPreventDefault(handleInputKeyDown),
+                h.OnBlur(toParentMessage(BlurredInput())),
                 ...(openOnFocus
                     ? [
-                        OnFocus(toParentMessage(Opened({ maybeActiveItemIndex: Option.none() }))),
+                        h.OnFocus(toParentMessage(Opened({ maybeActiveItemIndex: Option.none() }))),
                     ]
                     : []),
             ]),
-        ...(isInvalid ? [AriaInvalid(true), DataAttribute('invalid', '')] : []),
-        ...(isVisible ? [DataAttribute('open', '')] : []),
+        ...(isInvalid
+            ? [h.AriaInvalid(true), h.DataAttribute('invalid', '')]
+            : []),
+        ...(isVisible ? [h.DataAttribute('open', '')] : []),
         ...(config.model.selectInputOnFocus
             ? [
-                OnMount(Mount.mapMessage(attachComboboxSelectOnFocus, toParentMessage)),
+                h.OnMount(Mount.mapMessage(AttachComboboxSelectOnFocus(), toParentMessage)),
             ]
             : []),
-        ...(inputClassName ? [Class(inputClassName)] : []),
+        ...(inputClassName ? [h.Class(inputClassName)] : []),
         ...inputAttributes,
     ];
     const anchorAttributes = anchor
         ? [
-            Style({ position: 'absolute', margin: '0', visibility: 'hidden' }),
-            OnMount(Mount.mapMessage(AnchorCombobox((items) => Effect.sync(() => {
-                const preventBlur = (event) => {
-                    event.preventDefault();
-                };
-                items.addEventListener('pointerdown', preventBlur, {
-                    capture: true,
-                });
-                const teardownAnchor = anchorSetup({
-                    buttonId: `${id}-input-wrapper`,
-                    anchor,
-                    interceptTab: false,
-                })(items);
-                return {
-                    message: CompletedAnchorCombobox(),
-                    cleanup: () => {
-                        items.removeEventListener('pointerdown', preventBlur, {
-                            capture: true,
-                        });
-                        teardownAnchor();
-                    },
-                };
-            })), toParentMessage)),
+            h.Style({ position: 'absolute', margin: '0', visibility: 'hidden' }),
+            h.OnMount(Mount.mapMessage(AnchorCombobox({
+                buttonId: `${id}-input-wrapper`,
+                anchor,
+            }), toParentMessage)),
         ]
-        : [OnMount(Mount.mapMessage(attachComboboxPreventBlur, toParentMessage))];
+        : [
+            h.OnMount(Mount.mapMessage(AttachComboboxPreventBlur(), toParentMessage)),
+        ];
     const itemsContainerAttributes = [
-        Id(`${id}-items`),
-        Role('listbox'),
-        ...(behavior.ariaMultiSelectable ? [AriaMultiSelectable(true)] : []),
-        AriaLabelledBy(`${id}-input`),
-        Tabindex(-1),
+        h.Id(`${id}-items`),
+        h.Role('listbox'),
+        ...(behavior.ariaMultiSelectable ? [h.AriaMultiSelectable(true)] : []),
+        h.AriaLabelledBy(`${id}-input`),
+        h.Tabindex(-1),
         ...anchorAttributes,
         ...animationAttributes,
-        ...(itemsClassName ? [Class(itemsClassName)] : []),
+        ...(itemsClassName ? [h.Class(itemsClassName)] : []),
         ...itemsAttributes,
     ];
     const comboboxItems = Array.map(items, (item, index) => {
@@ -541,27 +543,27 @@ export const makeView = (behavior) => (config) => {
             isSelected: isSelectedItem,
         });
         const isInteractive = !isDisabledItem && !isLeaving;
-        return keyed('div')(itemId(id, index), [
-            Id(itemId(id, index)),
-            Role('option'),
-            AriaSelected(isSelectedItem),
-            ...(isActiveItem ? [DataAttribute('active', '')] : []),
-            ...(isSelectedItem ? [DataAttribute('selected', '')] : []),
+        return h.keyed('div')(itemId(id, index), [
+            h.Id(itemId(id, index)),
+            h.Role('option'),
+            h.AriaSelected(isSelectedItem),
+            ...(isActiveItem ? [h.DataAttribute('active', '')] : []),
+            ...(isSelectedItem ? [h.DataAttribute('selected', '')] : []),
             ...(isDisabledItem
-                ? [AriaDisabled(true), DataAttribute('disabled', '')]
+                ? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
                 : []),
             ...(isInteractive
                 ? [
-                    OnClick(dispatchSelectedItem(item, index)),
+                    h.OnClick(dispatchSelectedItem(item, 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 = () => {
@@ -578,27 +580,31 @@ export const makeView = (behavior) => (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,
                     ], []),
                 ]
@@ -606,45 +612,47 @@ export const makeView = (behavior) => (config) => {
             return [...separator, groupElement];
         });
     };
-    const backdrop = keyed('div')(`${id}-backdrop`, [
-        OnMount(Mount.mapMessage(portalComboboxBackdrop, toParentMessage)),
-        ...(isLeaving ? [] : [OnClick(toParentMessage(Closed()))]),
-        ...(backdropClassName ? [Class(backdropClassName)] : []),
+    const backdrop = h.keyed('div')(`${id}-backdrop`, [
+        h.OnMount(Mount.mapMessage(PortalComboboxBackdrop(), 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 resolvedInputWrapperAttributes = [
-        Id(`${id}-input-wrapper`),
-        ...(inputWrapperClassName ? [Class(inputWrapperClassName)] : []),
+        h.Id(`${id}-input-wrapper`),
+        ...(inputWrapperClassName ? [h.Class(inputWrapperClassName)] : []),
         ...inputWrapperAttributes,
     ];
     const toggleButton = buttonContent
         ? [
-            keyed('button')(`${id}-button`, [
-                Id(`${id}-button`),
-                Type('button'),
-                Tabindex(-1),
-                AriaControls(`${id}-items`),
-                AriaExpanded(isVisible),
-                Attribute('aria-haspopup', 'listbox'),
+            h.keyed('button')(`${id}-button`, [
+                h.Id(`${id}-button`),
+                h.Type('button'),
+                h.Tabindex(-1),
+                h.AriaControls(`${id}-items`),
+                h.AriaExpanded(isVisible),
+                h.Attribute('aria-haspopup', 'listbox'),
                 ...(isDisabled
-                    ? [AriaDisabled(true), DataAttribute('disabled', '')]
-                    : [OnClick(toParentMessage(PressedToggleButton()))]),
-                OnMount(Mount.mapMessage(attachComboboxPreventBlur, toParentMessage)),
-                ...(buttonClassName ? [Class(buttonClassName)] : []),
+                    ? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
+                    : [h.OnClick(toParentMessage(PressedToggleButton()))]),
+                h.OnMount(Mount.mapMessage(AttachComboboxPreventBlur(), toParentMessage)),
+                ...(buttonClassName ? [h.Class(buttonClassName)] : []),
                 ...buttonAttributes,
             ], [buttonContent]),
         ]
@@ -655,20 +663,24 @@ export const makeView = (behavior) => (config) => {
     }));
     const hiddenInputs = formName
         ? Array.match(selectedValues, {
-            onEmpty: () => [input([Type('hidden'), Name(formName)])],
-            onNonEmpty: Array.map(selectedValue => input([Type('hidden'), Name(formName), Value(selectedValue)])),
+            onEmpty: () => [h.input([h.Type('hidden'), h.Name(formName)])],
+            onNonEmpty: Array.map(selectedValue => h.input([
+                h.Type('hidden'),
+                h.Name(formName),
+                h.Value(selectedValue),
+            ])),
         })
         : [];
     const wrapperAttributes = [
-        ...(className ? [Class(className)] : []),
+        ...(className ? [h.Class(className)] : []),
         ...attributes,
-        ...(isVisible ? [DataAttribute('open', '')] : []),
-        ...(isDisabled ? [DataAttribute('disabled', '')] : []),
-        ...(isInvalid ? [DataAttribute('invalid', '')] : []),
+        ...(isVisible ? [h.DataAttribute('open', '')] : []),
+        ...(isDisabled ? [h.DataAttribute('disabled', '')] : []),
+        ...(isInvalid ? [h.DataAttribute('invalid', '')] : []),
     ];
-    return div(wrapperAttributes, [
-        div(resolvedInputWrapperAttributes, [
-            input(resolvedInputAttributes),
+    return h.div(wrapperAttributes, [
+        h.div(resolvedInputWrapperAttributes, [
+            h.input(resolvedInputAttributes),
             ...toggleButton,
         ]),
         ...(isVisible && Array.isReadonlyArrayNonEmpty(items)

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

@@ -238,13 +238,7 @@ export declare const view: <ParentMessage, Item extends string>(config: Readonly
     groupAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
     separatorClassName?: string;
     separatorAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
-    anchor?: Readonly<{
-        placement?: import("@floating-ui/dom").Placement;
-        gap?: number;
-        offset?: number;
-        padding?: number;
-        portal?: boolean;
-    }>;
+    anchor?: import("./public.js").AnchorConfig;
 }>) => Html;
 /** Creates a memoized single-select combobox view. Static config is captured in a closure;
  *  only `model` and `toParentMessage` are compared per render via `createLazy`. */

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

@@ -1 +1 @@
-{"version":3,"file":"single.d.ts","sourceRoot":"","sources":["../../../src/ui/combobox/single.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,MAAM,EAAE,MAAM,IAAI,CAAC,EAAQ,MAAM,QAAQ,CAAA;AAEzD,OAAO,KAAK,KAAK,OAAO,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,qBAAqB,CAAA;AAE3D,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,MAAM,EACN,KAAK,OAAO,EACZ,MAAM,EACN,YAAY,EAKb,MAAM,aAAa,CAAA;AAIpB,uJAAuJ;AACvJ,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;EAIhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,8RAA8R;AAC9R,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,QAAQ,CAAC;IACP,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAC,CAAA;AAEJ,4IAA4I;AAC5I,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAMxC,CAAA;AAIF,uIAAuI;AACvI,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiDjB,CAAA;AAEF;wFACwF;AACxF,eAAO,MAAM,IAAI,GACf,OAAO,KAAK,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CACK,CAAA;AAEhE;yFACyF;AACzF,eAAO,MAAM,KAAK,GAChB,OAAO,KAAK,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAClC,CAAA;AAEzB;iGACiG;AACjG,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,EACZ,MAAM,MAAM,EACZ,aAAa,MAAM,KAClB,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CACP,CAAA;AAIpD,wEAAwE;AACxE,MAAM,MAAM,UAAU,CAAC,aAAa,EAAE,IAAI,SAAS,MAAM,IAAI,cAAc,CACzE,aAAa,EACb,IAAI,EACJ,KAAK,CACN,CAAA;AAED,0IAA0I;AAC1I,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAOf,CAAA;AAEF;mFACmF;AACnF,eAAO,MAAM,IAAI,GAAI,aAAa,EAAE,IAAI,SAAS,MAAM,EACrD,cAAc,IAAI,CAChB,UAAU,CAAC,aAAa,EAAE,IAAI,CAAC,EAC/B,OAAO,GAAG,iBAAiB,GAAG,gBAAgB,CAC/C,KACA,CAAC,CACF,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,cAAc,CAC7B,aAAa,EACb,IAAI,EACJ,KAAK,CACN,CAAC,iBAAiB,CAAC,KACjB,IAAI,CAoBR,CAAA"}
+{"version":3,"file":"single.d.ts","sourceRoot":"","sources":["../../../src/ui/combobox/single.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,MAAM,EAAE,MAAM,IAAI,CAAC,EAAQ,MAAM,QAAQ,CAAA;AAEzD,OAAO,KAAK,KAAK,OAAO,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,qBAAqB,CAAA;AAE3D,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,MAAM,EACN,KAAK,OAAO,EACZ,MAAM,EACN,YAAY,EAKb,MAAM,aAAa,CAAA;AAIpB,uJAAuJ;AACvJ,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;EAIhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,8RAA8R;AAC9R,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,QAAQ,CAAC;IACP,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAC,CAAA;AAEJ,4IAA4I;AAC5I,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAMxC,CAAA;AAIF,uIAAuI;AACvI,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiDjB,CAAA;AAEF;wFACwF;AACxF,eAAO,MAAM,IAAI,GACf,OAAO,KAAK,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CACK,CAAA;AAEhE;yFACyF;AACzF,eAAO,MAAM,KAAK,GAChB,OAAO,KAAK,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAClC,CAAA;AAEzB;iGACiG;AACjG,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,EACZ,MAAM,MAAM,EACZ,aAAa,MAAM,KAClB,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CACP,CAAA;AAIpD,wEAAwE;AACxE,MAAM,MAAM,UAAU,CAAC,aAAa,EAAE,IAAI,SAAS,MAAM,IAAI,cAAc,CACzE,aAAa,EACb,IAAI,EACJ,KAAK,CACN,CAAA;AAED,0IAA0I;AAC1I,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAOf,CAAA;AAEF;mFACmF;AACnF,eAAO,MAAM,IAAI,GAAI,aAAa,EAAE,IAAI,SAAS,MAAM,EACrD,cAAc,IAAI,CAChB,UAAU,CAAC,aAAa,EAAE,IAAI,CAAC,EAC/B,OAAO,GAAG,iBAAiB,GAAG,gBAAgB,CAC/C,KACA,CAAC,CACF,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,cAAc,CAC7B,aAAa,EACb,IAAI,EACJ,KAAK,CACN,CAAC,iBAAiB,CAAC,KACjB,IAAI,CAoBR,CAAA"}

package/dist/ui/datePicker/index.js

@@ -217,7 +217,7 @@ const encodeIsoDate = S.encodeSync(Calendar.CalendarDateFromIsoString);
  * provide the trigger face and the calendar grid layout, DatePicker handles
  * focus choreography, open/close state, and form submission. */
 export const view = (config) => {
-    const { Class, Name, Type, Value, div, input } = html();
+    const h = html();
     const { model, toParentMessage, onSelectedDate, anchor, triggerContent, toCalendarView, isDisabled, name, className, attributes = [], triggerClassName, triggerAttributes = [], panelClassName, panelAttributes = [], backdropClassName, backdropAttributes = [], } = config;
     const dispatchSelectedDate = (date) => onSelectedDate !== undefined
         ? onSelectedDate(date)
@@ -252,13 +252,13 @@ export const view = (config) => {
         onSome: encodeIsoDate,
     });
     const maybeHiddenInput = name !== undefined
-        ? [input([Type('hidden'), Name(name), Value(hiddenInputValue)])]
+        ? [h.input([h.Type('hidden'), h.Name(name), h.Value(hiddenInputValue)])]
         : [];
     const wrapperAttributes = [
-        ...(className !== undefined ? [Class(className)] : []),
+        ...(className !== undefined ? [h.Class(className)] : []),
         ...attributes,
     ];
-    return div(wrapperAttributes, [popoverVNode, ...maybeHiddenInput]);
+    return h.div(wrapperAttributes, [popoverVNode, ...maybeHiddenInput]);
 };
 /** Creates a memoized date picker view. Static config is captured in a closure;
  *  only `model` and `toParentMessage` are compared per render via `createLazy`. */

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

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

package/dist/ui/dialog/index.js

@@ -125,33 +125,33 @@ export const open = (model) => update(model, Opened());
 export const close = (model) => update(model, Closed());
 /** Renders a headless dialog component backed by the native `<dialog>` element with `showModal()`. */
 export const view = (config) => {
-    const { AriaDescribedBy, AriaLabelledBy, Class, DataAttribute, Id, OnCancel, OnClick, Open, Style, keyed, } = html();
+    const h = html();
     const { model: { id, isOpen, animation: { transitionState }, }, toParentMessage, onClosed, panelContent, panelClassName, panelAttributes = [], backdropClassName, backdropAttributes = [], className, attributes = [], } = config;
     const dispatchClosed = () => onClosed ? onClosed() : toParentMessage(Closed());
     const 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 dialogAttributes = [
-        Id(id),
-        AriaLabelledBy(`${id}-title`),
-        AriaDescribedBy(`${id}-description`),
-        OnCancel(dispatchClosed()),
-        Open(isVisible),
-        Style({
+        h.Id(id),
+        h.AriaLabelledBy(`${id}-title`),
+        h.AriaDescribedBy(`${id}-description`),
+        h.OnCancel(dispatchClosed()),
+        h.Open(isVisible),
+        h.Style({
             width: '100%',
             height: '100%',
             maxWidth: '100%',
@@ -163,25 +163,25 @@ export const view = (config) => {
                 ? { position: 'fixed', inset: '0', zIndex: '2147483600' }
                 : {}),
         }),
-        ...(isVisible ? [DataAttribute('open', '')] : []),
-        ...(className ? [Class(className)] : []),
+        ...(isVisible ? [h.DataAttribute('open', '')] : []),
+        ...(className ? [h.Class(className)] : []),
         ...attributes,
     ];
-    const backdrop = keyed('div')(`${id}-backdrop`, [
-        Style({ minHeight: '100vh' }),
+    const backdrop = h.keyed('div')(`${id}-backdrop`, [
+        h.Style({ minHeight: '100vh' }),
         ...animationAttributes,
-        ...(isLeaving ? [] : [OnClick(dispatchClosed())]),
-        ...(backdropClassName ? [Class(backdropClassName)] : []),
+        ...(isLeaving ? [] : [h.OnClick(dispatchClosed())]),
+        ...(backdropClassName ? [h.Class(backdropClassName)] : []),
         ...backdropAttributes,
     ], []);
-    const panel = keyed('div')(`${id}-panel`, [
-        Id(`${id}-panel`),
+    const panel = h.keyed('div')(`${id}-panel`, [
+        h.Id(`${id}-panel`),
         ...animationAttributes,
-        ...(panelClassName ? [Class(panelClassName)] : []),
+        ...(panelClassName ? [h.Class(panelClassName)] : []),
         ...panelAttributes,
     ], [panelContent]);
     const content = isVisible ? [backdrop, panel] : [];
-    return keyed('dialog')(id, dialogAttributes, content);
+    return h.keyed('dialog')(id, dialogAttributes, content);
 };
 /** Creates a memoized dialog view. Static config (className, panelClassName,
  *  etc.) is captured in a closure. Dynamic fields — `model`, `toParentMessage`,

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

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