foldkit 0.90.0 → 0.91.0

package/dist/ui/combobox/shared.js

@@ -390,7 +390,7 @@ export const PortalComboboxBackdrop = Mount.define('PortalComboboxBackdrop', Com
 }));
 /** 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))
@@ -401,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)));
@@ -474,61 +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({
+            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/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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"}

package/dist/ui/disclosure/index.js

@@ -53,49 +53,51 @@ export const toggle = (model) => update(model, Toggled());
 export const close = (model) => update(model, Closed());
 /** Renders a headless disclosure component with accessible ARIA attributes and keyboard support. */
 export const view = (config) => {
-    const { div, empty, AriaControls, AriaDisabled, AriaExpanded, Class, DataAttribute, Disabled, Hidden, Id, OnClick, OnKeyDownPreventDefault, Style, Tabindex, Type, keyed, } = html();
+    const h = html();
     const { model: { id, isOpen }, toParentMessage, onToggled, buttonClassName, buttonAttributes = [], buttonContent, panelClassName, panelAttributes = [], panelContent, isDisabled, persistPanel, buttonElement = 'button', panelElement = 'div', className, attributes = [], } = config;
     const dispatchToggled = () => onToggled ? onToggled() : toParentMessage(Toggled());
     const isNativeButton = buttonElement === 'button';
     const handleKeyDown = (key) => M.value(key).pipe(M.whenOr('Enter', ' ', () => Option.some(dispatchToggled())), M.orElse(() => Option.none()));
     const disabledAttributes = [
-        Disabled(true),
-        AriaDisabled(true),
-        DataAttribute('disabled', ''),
+        h.Disabled(true),
+        h.AriaDisabled(true),
+        h.DataAttribute('disabled', ''),
     ];
     const interactionAttributes = isDisabled
         ? disabledAttributes
         : [
-            OnClick(dispatchToggled()),
-            ...(!isNativeButton ? [OnKeyDownPreventDefault(handleKeyDown)] : []),
+            h.OnClick(dispatchToggled()),
+            ...(!isNativeButton ? [h.OnKeyDownPreventDefault(handleKeyDown)] : []),
         ];
     const resolvedButtonAttributes = [
-        Id(buttonId(id)),
-        AriaExpanded(isOpen),
-        AriaControls(panelId(id)),
-        ...(isNativeButton ? [Type('button')] : [Tabindex(0)]),
-        ...(isOpen ? [DataAttribute('open', '')] : []),
+        h.Id(buttonId(id)),
+        h.AriaExpanded(isOpen),
+        h.AriaControls(panelId(id)),
+        ...(isNativeButton ? [h.Type('button')] : [h.Tabindex(0)]),
+        ...(isOpen ? [h.DataAttribute('open', '')] : []),
         ...interactionAttributes,
-        ...(buttonClassName ? [Class(buttonClassName)] : []),
+        ...(buttonClassName ? [h.Class(buttonClassName)] : []),
         ...buttonAttributes,
     ];
     const resolvedPanelAttributes = [
-        Id(panelId(id)),
-        ...(isOpen ? [DataAttribute('open', '')] : []),
-        ...(panelClassName ? [Class(panelClassName)] : []),
+        h.Id(panelId(id)),
+        ...(isOpen ? [h.DataAttribute('open', '')] : []),
+        ...(panelClassName ? [h.Class(panelClassName)] : []),
         ...panelAttributes,
     ];
-    const persistedPanel = keyed(panelElement)(panelId(id), [
+    const persistedPanel = h.keyed(panelElement)(panelId(id), [
         ...resolvedPanelAttributes,
-        Hidden(!isOpen),
-        ...(isOpen ? [] : [Style({ display: 'none' })]),
+        h.Hidden(!isOpen),
+        ...(isOpen ? [] : [h.Style({ display: 'none' })]),
     ], [panelContent]);
     const activePanel = isOpen
-        ? keyed(panelElement)(panelId(id), resolvedPanelAttributes, [panelContent])
-        : empty;
+        ? h.keyed(panelElement)(panelId(id), resolvedPanelAttributes, [
+            panelContent,
+        ])
+        : h.empty;
     const panel = persistPanel ? persistedPanel : activePanel;
-    return div([...(className ? [Class(className)] : []), ...attributes], [
-        keyed(buttonElement)(buttonId(id), resolvedButtonAttributes, [
+    return h.div([...(className ? [h.Class(className)] : []), ...attributes], [
+        h.keyed(buttonElement)(buttonId(id), resolvedButtonAttributes, [
             buttonContent,
         ]),
         panel,

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

@@ -243,7 +243,7 @@ export declare const subscriptions: import("../../runtime/subscription.js").Subs
     readonly _tag: "ConfirmedKeyboardDrop";
 } | {
     readonly _tag: "PressedArrowKey";
-    readonly direction: "Up" | "Down" | "Left" | "Right" | "NextContainer" | "PreviousContainer";
+    readonly direction: "Left" | "Right" | "Up" | "Down" | "NextContainer" | "PreviousContainer";
 } | {
     readonly _tag: "CompletedAutoScroll";
 } | {

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

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

package/dist/ui/dragAndDrop/index.js

@@ -471,7 +471,7 @@ const LEFT_MOUSE_BUTTON = 0;
 const arrowKeyToDirection = (key) => M.value(key).pipe(M.withReturnType(), M.when('ArrowUp', () => 'Up'), M.when('ArrowDown', () => 'Down'), M.when('ArrowLeft', () => 'Left'), M.when('ArrowRight', () => 'Right'), M.option);
 /** Returns attributes the parent attaches to a draggable element. Handles pointer-down, keyboard activation, and ARIA. */
 export const draggable = (config) => {
-    const { AriaRoleDescription, DataAttribute, OnKeyDownPreventDefault, OnPointerDown, Role, Style, Tabindex, } = html();
+    const h = html();
     const isKeyboardDragActivationKey = (key) => key === ' ' || key === 'Enter';
     const handleKeyDown = (key) => {
         if (isKeyboardDragActivationKey(key) &&
@@ -485,20 +485,20 @@ export const draggable = (config) => {
         return Option.none();
     };
     return [
-        DataAttribute('draggable-id', config.itemId),
-        DataAttribute('sortable-id', config.itemId),
-        Role('option'),
-        AriaRoleDescription('draggable'),
-        Tabindex(0),
-        OnPointerDown((_pointerType, button, screenX, screenY) => pipe(button, Option.liftPredicate(Equal.equals(LEFT_MOUSE_BUTTON)), Option.map(() => config.toParentMessage(PressedDraggable({
+        h.DataAttribute('draggable-id', config.itemId),
+        h.DataAttribute('sortable-id', config.itemId),
+        h.Role('option'),
+        h.AriaRoleDescription('draggable'),
+        h.Tabindex(0),
+        h.OnPointerDown((_pointerType, button, screenX, screenY) => pipe(button, Option.liftPredicate(Equal.equals(LEFT_MOUSE_BUTTON)), Option.map(() => config.toParentMessage(PressedDraggable({
             itemId: config.itemId,
             containerId: config.containerId,
             index: config.index,
             screenX,
             screenY,
         }))))),
-        OnKeyDownPreventDefault(handleKeyDown),
-        Style({
+        h.OnKeyDownPreventDefault(handleKeyDown),
+        h.Style({
             'touch-action': 'none',
             'user-select': 'none',
             '-webkit-user-select': 'none',
@@ -507,17 +507,17 @@ export const draggable = (config) => {
 };
 /** Returns attributes the parent attaches to a droppable container element. */
 export const droppable = (containerId, label) => {
-    const { AriaLabel, DataAttribute, Role } = html();
+    const h = html();
     return [
-        DataAttribute('droppable-id', containerId),
-        Role('listbox'),
-        ...(label ? [AriaLabel(label)] : []),
+        h.DataAttribute('droppable-id', containerId),
+        h.Role('listbox'),
+        ...(label ? [h.AriaLabel(label)] : []),
     ];
 };
 /** Returns attributes the parent attaches to a sortable item element. Typically combined with `draggable`. */
 export const sortable = (itemId) => {
-    const { DataAttribute } = html();
-    return [DataAttribute('sortable-id', itemId)];
+    const h = html();
+    return [h.DataAttribute('sortable-id', itemId)];
 };
 const ghostTransform = (clientX, clientY) => `translate3d(${String(clientX)}px, ${String(clientY)}px, 0)`;
 /** Returns positioning styles for the ghost element, or None when not dragging with a pointer. */