@lmvz-ds/components 0.30.0 → 0.32.0

package/types/components/lmvz-radio/lmvz-radio.d.ts

@@ -1,7 +1,7 @@
 import { type EventEmitter } from '../../stencil-public-runtime';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
 import { type RadioHost } from '../../utils/radio/radio-group-controller';
-import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
+import { ReactiveControllerHost } from '../../utils/stencil/reactive-controller-host';
 export declare class LmvzRadio extends ReactiveControllerHost implements AriaValidationHost, RadioHost {
     readonly el: HTMLElement;
     get validationEl(): HTMLElement;

package/types/components/lmvz-select/lmvz-select.d.ts

@@ -1,7 +1,7 @@
 import { type EventEmitter } from '../../stencil-public-runtime';
 import type { Select } from '../../api';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
-import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
+import { ReactiveControllerHost } from '../../utils/stencil/reactive-controller-host';
 export declare class LmvzSelect extends ReactiveControllerHost implements AriaValidationHost {
     readonly el: HTMLElement;
     get validationEl(): HTMLElement;

package/types/components/lmvz-tabs/lmvz-tabs.d.ts

@@ -1,6 +1,6 @@
 import { type EventEmitter } from '../../stencil-public-runtime';
 import { type DirectionalFocusHost } from '../../utils/aria/list-keyboard-controller';
-import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
+import { ReactiveControllerHost } from '../../utils/stencil/reactive-controller-host';
 export declare class LmvzTabs extends ReactiveControllerHost implements DirectionalFocusHost {
     readonly el: HTMLElement;
     private readonly instanceId;

package/types/components/lmvz-toggle/lmvz-toggle.d.ts

@@ -1,6 +1,6 @@
 import { type EventEmitter } from '../../stencil-public-runtime';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
-import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
+import { ReactiveControllerHost } from '../../utils/stencil/reactive-controller-host';
 export declare class LmvzToggle extends ReactiveControllerHost implements AriaValidationHost {
     readonly el: HTMLElement;
     get validationEl(): HTMLElement;

package/types/components.d.ts

@@ -17,7 +17,38 @@ declare const chipTypes: readonly ["active", "warning", "success", "error", "neu
 export declare namespace Components {
     export interface LmvzAction {
     }
+    /**
+     * A keyboard-navigable action list component implementing the WAI-ARIA `menu` pattern.
+     * Renders a styled `<ul role="menu">` that accepts `<lmvz-button>`, native `<button>`,
+     * `<hr>` dividers, and `<div role="group">` groups via the default slot.
+     * Arrow keys move focus across interactive items; Home/End jump to first/last.
+     * **Disabled items:** Items with the native `disabled` attribute (or `disabled` prop on
+     * `<lmvz-button>`) are silently skipped during arrow-key navigation. This matches the
+     * behaviour of native `<select>` and keeps the interaction model simple.
+     * Trade-off: screen reader users navigating by arrow key cannot discover disabled items
+     * or read their labels. If surfacing disabled items to all users is required, use
+     * `aria-disabled="true"` on the item instead and handle activation prevention in the
+     * click/activation handler — the controller's `isFocusableElement` callback can then be
+     * used to override the skip logic.
+     * @example ```html
+     * <lmvz-action-list label="Actions">
+     *   <lmvz-button>Edit</lmvz-button>
+     *   <hr />
+     *   <lmvz-button class="lmvz-action-list-item--danger">Delete</lmvz-button>
+     * </lmvz-action-list>
+     * ```
+     */
+    export interface LmvzActionList {
+        /**
+         * Accessible label for the menu, reflected as `aria-label` on the host Element. When absent, `aria-label` is not rendered on the host.
+         */
+        "label"?: string;
+    }
     export interface LmvzButton {
+        /**
+         * ARIA role applied to the inner `<button>` element. When set, the host element receives `role="presentation"` so that AT sees only one interactive element with the correct role. Use `"menuitem"` when the button is a child of a `role="menu"` container.
+         */
+        "buttonRole"?: string;
         /**
          * Whether the button is disabled
          * @default false
@@ -41,7 +72,6 @@ export declare namespace Components {
          */
         "scale": Button.Scale;
         /**
-         * @readonly 
          * @default 0
          */
         "ti": number;
@@ -69,6 +99,10 @@ export declare namespace Components {
          * @readonly
          */
         "primaryEnabledAction": HTMLButtonElement | undefined;
+        /**
+         * @default false
+         */
+        "stacked": boolean;
     }
     export interface LmvzCard {
         /**
@@ -773,8 +807,15 @@ declare const iconWeights: readonly ["thin", "medium", "bold"];
 export declare namespace Input {
     export type Type = (typeof inputTypes)[number];
     export type Size = (typeof inputSizes)[number];
+
     export type Autocomplete = HTMLInputElement['autocomplete'];
+    /**
+     * Inputmode attribute for mobile keyboards
+     */
     export type Inputmode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+    /**
+     * Autocapitalize attribute for mobile keyboards
+     */
     export type Autocapitalize = 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
 }
 
@@ -788,7 +829,38 @@ export declare namespace JSX {
     export interface LmvzAction {
         "onActionClick"?: (event: LmvzActionCustomEvent<MouseEvent>) => void;
     }
+    /**
+     * A keyboard-navigable action list component implementing the WAI-ARIA `menu` pattern.
+     * Renders a styled `<ul role="menu">` that accepts `<lmvz-button>`, native `<button>`,
+     * `<hr>` dividers, and `<div role="group">` groups via the default slot.
+     * Arrow keys move focus across interactive items; Home/End jump to first/last.
+     * **Disabled items:** Items with the native `disabled` attribute (or `disabled` prop on
+     * `<lmvz-button>`) are silently skipped during arrow-key navigation. This matches the
+     * behaviour of native `<select>` and keeps the interaction model simple.
+     * Trade-off: screen reader users navigating by arrow key cannot discover disabled items
+     * or read their labels. If surfacing disabled items to all users is required, use
+     * `aria-disabled="true"` on the item instead and handle activation prevention in the
+     * click/activation handler — the controller's `isFocusableElement` callback can then be
+     * used to override the skip logic.
+     * @example ```html
+     * <lmvz-action-list label="Actions">
+     *   <lmvz-button>Edit</lmvz-button>
+     *   <hr />
+     *   <lmvz-button class="lmvz-action-list-item--danger">Delete</lmvz-button>
+     * </lmvz-action-list>
+     * ```
+     */
+    export interface LmvzActionList {
+        /**
+         * Accessible label for the menu, reflected as `aria-label` on the host Element. When absent, `aria-label` is not rendered on the host.
+         */
+        "label"?: string;
+    }
     export interface LmvzButton {
+        /**
+         * ARIA role applied to the inner `<button>` element. When set, the host element receives `role="presentation"` so that AT sees only one interactive element with the correct role. Use `"menuitem"` when the button is a child of a `role="menu"` container.
+         */
+        "buttonRole"?: string;
         /**
          * Whether the button is disabled
          * @default false
@@ -816,7 +888,6 @@ export declare namespace JSX {
          */
         "scale"?: Button.Scale;
         /**
-         * @readonly 
          * @default 0
          */
         "ti"?: number;
@@ -844,6 +915,10 @@ export declare namespace JSX {
          * @readonly
          */
         "primaryEnabledAction"?: HTMLButtonElement | undefined;
+        /**
+         * @default false
+         */
+        "stacked"?: boolean;
     }
     export interface LmvzCard {
         /**
@@ -1494,6 +1569,9 @@ export declare namespace JSX {
         "value"?: string;
     }
 
+    export interface LmvzActionListAttributes {
+        "label": string;
+    }
     export interface LmvzButtonAttributes {
         "ti": number;
         "scale": Button.Scale;
@@ -1504,8 +1582,10 @@ export declare namespace JSX {
         "formMethod": 'dialog' | 'get' | 'post';
         "name": string;
         "value": string;
+        "buttonRole": string;
     }
     export interface LmvzButtonGroupAttributes {
+        "stacked": boolean;
         "hasActions": boolean;
     }
     export interface LmvzCardAttributes {
@@ -1647,6 +1727,7 @@ export declare namespace JSX {
 
     export interface IntrinsicElements {
         "lmvz-action": LmvzAction;
+        "lmvz-action-list": Omit<LmvzActionList, keyof LmvzActionListAttributes> & { [K in keyof LmvzActionList & keyof LmvzActionListAttributes]?: LmvzActionList[K] } & { [K in keyof LmvzActionList & keyof LmvzActionListAttributes as `attr:${K}`]?: LmvzActionListAttributes[K] } & { [K in keyof LmvzActionList & keyof LmvzActionListAttributes as `prop:${K}`]?: LmvzActionList[K] };
         "lmvz-button": Omit<LmvzButton, keyof LmvzButtonAttributes> & { [K in keyof LmvzButton & keyof LmvzButtonAttributes]?: LmvzButton[K] } & { [K in keyof LmvzButton & keyof LmvzButtonAttributes as `attr:${K}`]?: LmvzButtonAttributes[K] } & { [K in keyof LmvzButton & keyof LmvzButtonAttributes as `prop:${K}`]?: LmvzButton[K] };
         "lmvz-button-group": Omit<LmvzButtonGroup, keyof LmvzButtonGroupAttributes> & { [K in keyof LmvzButtonGroup & keyof LmvzButtonGroupAttributes]?: LmvzButtonGroup[K] } & { [K in keyof LmvzButtonGroup & keyof LmvzButtonGroupAttributes as `attr:${K}`]?: LmvzButtonGroupAttributes[K] } & { [K in keyof LmvzButtonGroup & keyof LmvzButtonGroupAttributes as `prop:${K}`]?: LmvzButtonGroup[K] };
         "lmvz-card": Omit<LmvzCard, keyof LmvzCardAttributes> & { [K in keyof LmvzCard & keyof LmvzCardAttributes]?: LmvzCard[K] } & { [K in keyof LmvzCard & keyof LmvzCardAttributes as `attr:${K}`]?: LmvzCardAttributes[K] } & { [K in keyof LmvzCard & keyof LmvzCardAttributes as `prop:${K}`]?: LmvzCard[K] } & OneOf<"cardTitle", LmvzCard["cardTitle"], LmvzCardAttributes["cardTitle"]>;

package/types/index.d.ts

@@ -1,6 +1,6 @@
 export * from '@lmvz-ds/aria-validation';
 export type * from './components.d.ts';
-export { chipSizes, chipTypes, iconSizes, iconWeights, inputSizes, inputTypes, linkTypes, messageTypes, selectSizes, textSizes } from './api/ds.constants';
+export * from './api/ds.constants';
 export type { LmvzDS, Typography } from './api';
 export * from './components/lmvz-message/public';
 export * from './components/lmvz-snackbar/public';

package/types/utils/aria/aria-validation-controller.d.ts

@@ -1,4 +1,4 @@
-import type { ReactiveController } from '../reactive-controller-host';
+import type { ReactiveController } from '../stencil/reactive-controller-host';
 export { isAriaValidationEnabled } from '@lmvz-ds/aria-validation';
 export type AriaValidationHost<T extends HTMLElement = HTMLElement> = {
     validationEl: T | undefined;
@@ -9,7 +9,7 @@ type Config = {
     verboseLogging?: boolean;
     validationTiming?: 'load' | 'slot';
 };
-export declare class AriaValidationController implements ReactiveController {
+export declare class AriaValidationController<T extends HTMLElement = HTMLElement> implements ReactiveController {
     private readonly host;
     private readonly config?;
     private visibilityObserver?;
@@ -19,7 +19,7 @@ export declare class AriaValidationController implements ReactiveController {
     private static knownValidationErrors;
     get disabled(): boolean;
     private get useVerboseLogging();
-    constructor(host: AriaValidationHost, config?: Config | undefined);
+    constructor(host: AriaValidationHost<T>, config?: Config | undefined);
     private readonly onRuntimeConfigChange;
     hostDidLoad(): void;
     hostDidUpdate(): void;

package/types/utils/aria/aria.constants.d.ts

@@ -0,0 +1 @@
+export declare const ariaAttributes: string[];

package/types/utils/aria/element-activation-controller.d.ts

@@ -1,5 +1,5 @@
 import type { EventEmitter } from '../../stencil-public-runtime';
-import type { ReactiveController } from '../reactive-controller-host';
+import type { ReactiveController } from '../stencil/reactive-controller-host';
 export type ElementActivationHost = {
     el: HTMLElement;
     lmvzActivation: EventEmitter<void>;

package/types/utils/aria/list-keyboard-controller.d.ts

@@ -1,7 +1,10 @@
-import type { ReactiveController } from '../reactive-controller-host';
+import type { ReactiveController } from '../stencil/reactive-controller-host';
 export type DirectionalFocusHost = {
     el: HTMLElement;
 };
+export type DirectionalFocusReceiver = {
+    resolveFocusableElement(): HTMLElement | undefined;
+};
 export type DirectionalFocusOrientation = 'horizontal' | 'vertical' | 'both';
 export type DirectionalFocusControllerConfig = {
     orientation?: DirectionalFocusOrientation;

package/types/utils/async/async.util.d.ts

@@ -0,0 +1,8 @@
+import type { EventEmitter } from '../../stencil-public-runtime';
+export declare const __zone_symbol__requestAnimationFrame: typeof window.requestAnimationFrame;
+export declare const requestAnimationFrame: typeof window.requestAnimationFrame;
+export declare const transitionEndAsync: (el: HTMLElement | null, expectedDuration?: number) => Promise<unknown>;
+export declare const raf: (h: FrameRequestCallback) => number;
+export declare const deferEvent: (event: EventEmitter) => EventEmitter;
+export declare const debounceEvent: (event: EventEmitter, wait: number) => EventEmitter;
+export declare const debounce: (func: (...args: unknown[]) => void, wait?: number) => (...args: unknown[]) => any;

package/types/utils/data/event.utilt.d.ts

@@ -0,0 +1,4 @@
+export declare const pointerCoord: (ev: TouchEvent | MouseEvent) => {
+    x: number;
+    y: number;
+};

package/types/utils/data/number.util.d.ts

@@ -0,0 +1,2 @@
+export declare const clamp: (min: number, n: number, max: number) => number;
+export declare const isSafeNumber: (input: unknown) => input is number;

package/types/utils/data/object.util.d.ts

@@ -0,0 +1,5 @@
+export declare const shallowEqualStringMap: (map1: {
+    [k: string]: unknown;
+} | undefined, map2: {
+    [k: string]: unknown;
+} | undefined) => boolean;

package/types/utils/data/time.util.d.ts

@@ -0,0 +1 @@
+export declare const now: (ev: UIEvent) => number;

package/types/utils/element/element.util.d.ts

@@ -0,0 +1,21 @@
+import type { Attributes, Button, FormRef } from '../../api';
+export declare function isActionButton(element: Element): element is HTMLButtonElement;
+export declare function isLmvzButton(element?: Element): element is HTMLLmvzButtonElement;
+export declare function isDisabledButton(element: HTMLButtonElement): boolean;
+export declare function isVisible(element: Element): boolean;
+export declare function getActionVariant(element: HTMLElement): Button.Variant;
+export declare function isPrimaryAction(element: HTMLElement): boolean;
+export declare function isSecondaryAction(element: HTMLElement): boolean;
+export declare const inheritAttributes: (el: HTMLElement, attributes?: string[]) => Attributes;
+export declare const inheritAriaAttributes: (el: HTMLElement, ignoreList?: string[]) => Attributes;
+type EventCallback<K extends keyof HTMLElementEventMap> = (this: HTMLElement, ev: HTMLElementEventMap[K]) => unknown;
+export declare const addEventListener: <T extends HTMLElement, K extends keyof HTMLElementEventMap>(el: T, eventName: K, callback: EventCallback<K>, options?: boolean | AddEventListenerOptions) => void;
+export declare const removeEventListener: <K extends keyof HTMLElementEventMap>(el: HTMLElement, eventName: K, callback: EventCallback<K>, opts?: boolean | AddEventListenerOptions) => void;
+export declare const getElementRoot: (el: HTMLElement, fallback?: HTMLElement) => HTMLElement | ShadowRoot;
+export declare const hasShadowDom: (el: HTMLElement) => boolean;
+export declare const focusVisibleElement: (el: HTMLElement) => void;
+export declare const renderHiddenInput: (always: boolean, container: HTMLElement, name: string, value: string | undefined | null, disabled: boolean) => void;
+export declare function getDeepActiveElement(root?: Document): Element | null;
+export declare function canReceiveFocus(el: Element | undefined): boolean;
+export declare function findFormByRef(form: FormRef, el: HTMLElement): HTMLFormElement | null;
+export {};

package/types/utils/radio/radio-group-controller.d.ts

@@ -1,4 +1,4 @@
-import type { ReactiveController } from '../reactive-controller-host';
+import type { ReactiveController } from '../stencil/reactive-controller-host';
 export interface RadioHost {
     el: HTMLElement;
     name?: string;

package/types/utils/{reactive-controller-host.d.ts → stencil/reactive-controller-host.d.ts}

@@ -1,4 +1,4 @@
-import { ComponentInterface } from '../stencil-public-runtime';
+import { ComponentInterface } from '../../stencil-public-runtime';
 export interface ReactiveController {
     hostConnected?(): void;
     hostDisconnected?(): void;

package/types/utils/stencil/stencil.util.d.ts

@@ -0,0 +1,6 @@
+type LazyLoadedComponent<T extends HTMLElement> = T & {
+    componentOnReady: () => Promise<T>;
+};
+export declare const componentOnReady: <T extends HTMLElement>(stencilEl: T, callback: (el: T) => unknown) => void;
+export declare const hasLazyBuild: <T extends HTMLElement>(stencilEl: T) => stencilEl is LazyLoadedComponent<T>;
+export {};

package/collection/utils/component.js

@@ -1,270 +0,0 @@
-export const transitionEndAsync = (el, expectedDuration = 0) => {
-    return new Promise((resolve) => {
-        transitionEnd(el, expectedDuration, resolve);
-    });
-};
-const transitionEnd = (el, expectedDuration = 0, callback) => {
-    let unRegTrans;
-    let animationTimeout;
-    const opts = { passive: true };
-    const ANIMATION_FALLBACK_TIMEOUT = 500;
-    const unregister = () => {
-        if (unRegTrans) {
-            unRegTrans();
-        }
-    };
-    const onTransitionEnd = (ev) => {
-        if (ev === undefined || el === ev.target) {
-            unregister();
-            callback(ev);
-        }
-    };
-    if (el) {
-        el.addEventListener('webkitTransitionEnd', onTransitionEnd, opts);
-        el.addEventListener('transitionend', onTransitionEnd, opts);
-        animationTimeout = setTimeout(onTransitionEnd, expectedDuration + ANIMATION_FALLBACK_TIMEOUT);
-        unRegTrans = () => {
-            if (animationTimeout !== undefined) {
-                clearTimeout(animationTimeout);
-                animationTimeout = undefined;
-            }
-            el.removeEventListener('webkitTransitionEnd', onTransitionEnd, opts);
-            el.removeEventListener('transitionend', onTransitionEnd, opts);
-        };
-    }
-    return unregister;
-};
-export const componentOnReady = (el, callback) => {
-    if (el.componentOnReady) {
-        el.componentOnReady().then((resolvedEl) => callback(resolvedEl));
-    }
-    else {
-        raf(() => callback(el));
-    }
-};
-export const hasLazyBuild = (stencilEl) => {
-    return stencilEl.componentOnReady !== undefined;
-};
-export const inheritAttributes = (el, attributes = []) => {
-    const attributeObject = {};
-    attributes.forEach((attr) => {
-        if (el.hasAttribute(attr)) {
-            const value = el.getAttribute(attr);
-            if (value !== null) {
-                attributeObject[attr] = el.getAttribute(attr);
-            }
-            el.removeAttribute(attr);
-        }
-    });
-    return attributeObject;
-};
-const ariaAttributes = [
-    'role',
-    'aria-activedescendant',
-    'aria-atomic',
-    'aria-autocomplete',
-    'aria-braillelabel',
-    'aria-brailleroledescription',
-    'aria-busy',
-    'aria-checked',
-    'aria-colcount',
-    'aria-colindex',
-    'aria-colindextext',
-    'aria-colspan',
-    'aria-controls',
-    'aria-current',
-    'aria-describedby',
-    'aria-description',
-    'aria-details',
-    'aria-disabled',
-    'aria-errormessage',
-    'aria-expanded',
-    'aria-flowto',
-    'aria-haspopup',
-    'aria-hidden',
-    'aria-invalid',
-    'aria-keyshortcuts',
-    'aria-label',
-    'aria-labelledby',
-    'aria-level',
-    'aria-live',
-    'aria-multiline',
-    'aria-multiselectable',
-    'aria-orientation',
-    'aria-owns',
-    'aria-placeholder',
-    'aria-posinset',
-    'aria-pressed',
-    'aria-readonly',
-    'aria-relevant',
-    'aria-required',
-    'aria-roledescription',
-    'aria-rowcount',
-    'aria-rowindex',
-    'aria-rowindextext',
-    'aria-rowspan',
-    'aria-selected',
-    'aria-setsize',
-    'aria-sort',
-    'aria-valuemax',
-    'aria-valuemin',
-    'aria-valuenow',
-    'aria-valuetext',
-];
-export const inheritAriaAttributes = (el, ignoreList) => {
-    let attributesToInherit = ariaAttributes;
-    if (ignoreList && ignoreList.length > 0) {
-        attributesToInherit = attributesToInherit.filter((attr) => !ignoreList.includes(attr));
-    }
-    return inheritAttributes(el, attributesToInherit);
-};
-export const addEventListener = (el, eventName, callback, opts) => {
-    return el.addEventListener(eventName, callback, opts);
-};
-export const removeEventListener = (el, eventName, callback, opts) => {
-    return el.removeEventListener(eventName, callback, opts);
-};
-export const getElementRoot = (el, fallback = el) => {
-    return el.shadowRoot || fallback;
-};
-export const raf = (h) => {
-    if (typeof __zone_symbol__requestAnimationFrame === 'function') {
-        return __zone_symbol__requestAnimationFrame(h);
-    }
-    if (typeof requestAnimationFrame === 'function') {
-        return requestAnimationFrame(h);
-    }
-    return setTimeout(h);
-};
-export const hasShadowDom = (el) => {
-    return !!el.shadowRoot && !!el.attachShadow;
-};
-export const focusVisibleElement = (el) => {
-    el.focus();
-};
-export const renderHiddenInput = (always, container, name, value, disabled) => {
-    if (always || hasShadowDom(container)) {
-        let input = container.querySelector('input.aux-input');
-        if (!input) {
-            input = container.ownerDocument.createElement('input');
-            input.type = 'hidden';
-            input.classList.add('aux-input');
-            container.appendChild(input);
-        }
-        input.disabled = disabled;
-        input.name = name;
-        input.value = value || '';
-    }
-};
-export const clamp = (min, n, max) => {
-    return Math.max(min, Math.min(n, max));
-};
-export const assert = (actual, reason) => {
-    if (!actual) {
-        const message = 'ASSERT: ' + reason;
-        console.error(message);
-        debugger;
-        throw new Error(message);
-    }
-};
-export const now = (ev) => {
-    return ev.timeStamp || Date.now();
-};
-export const pointerCoord = (ev) => {
-    if (ev) {
-        const changedTouches = ev.changedTouches;
-        if (changedTouches && changedTouches.length > 0) {
-            const touch = changedTouches[0];
-            return { x: touch.clientX, y: touch.clientY };
-        }
-        if (ev.pageX !== undefined) {
-            return { x: ev.pageX, y: ev.pageY };
-        }
-    }
-    return { x: 0, y: 0 };
-};
-export const deferEvent = (event) => {
-    return debounceEvent(event, 0);
-};
-export const debounceEvent = (event, wait) => {
-    const original = event._original || event;
-    return {
-        _original: event,
-        emit: debounce(original.emit.bind(original), wait),
-    };
-};
-export const debounce = (func, wait = 0) => {
-    let timer;
-    return (...args) => {
-        clearTimeout(timer);
-        timer = setTimeout(func, wait, ...args);
-    };
-};
-export const shallowEqualStringMap = (map1, map2) => {
-    map1 ??= {};
-    map2 ??= {};
-    if (map1 === map2) {
-        return true;
-    }
-    const keys1 = Object.keys(map1);
-    if (keys1.length !== Object.keys(map2).length) {
-        return false;
-    }
-    for (const k1 of keys1) {
-        if (!(k1 in map2)) {
-            return false;
-        }
-        if (map1[k1] !== map2[k1]) {
-            return false;
-        }
-    }
-    return true;
-};
-export const isSafeNumber = (input) => {
-    return typeof input === 'number' && !isNaN(input) && isFinite(input);
-};
-export function getDeepActiveElement(root = document) {
-    let activeElement = root.activeElement;
-    if (!activeElement) {
-        return null;
-    }
-    while (activeElement?.shadowRoot) {
-        const next = activeElement.shadowRoot.activeElement;
-        if (!next) {
-            break;
-        }
-        activeElement = next;
-    }
-    return activeElement;
-}
-export function canReceiveFocus(el) {
-    if (!el)
-        return false;
-    return (el instanceof HTMLElement && el.tabIndex >= 0 && !el.hasAttribute('disabled') && el.getAttribute('aria-hidden') !== 'true' && el.checkVisibility() && el.offsetParent !== null);
-}
-export function findFormByRef(form, el) {
-    if (form instanceof HTMLFormElement) {
-        return form;
-    }
-    if (typeof form === 'string') {
-        const el = document.getElementById(form);
-        if (el) {
-            if (el instanceof HTMLFormElement) {
-                return el;
-            }
-            else {
-                console.warn(`No Form found with selector: "#${form}". Verify that the element with id exists and is actually a <form> element.`, el);
-                return null;
-            }
-        }
-        else {
-            console.warn(`No Form found with selector: "#${form}". Verify that the id is correct and the form is rendered in the DOM.`, el);
-            return null;
-        }
-    }
-    if (form !== undefined) {
-        console.warn(`The provided "form" element is invalid. Verify that the form is a HTMLFormElement and rendered in the DOM.`, el);
-        return null;
-    }
-    return el.closest('form');
-}

package/collection/utils/http.js

@@ -1,21 +0,0 @@
-import { Micro } from "effect";
-export class FetchError extends Micro.TaggedError('FetchError') {
-}
-export class NotFoundError extends Micro.TaggedError('NotFoundError') {
-}
-export const httpClient = (input, init) => Micro.gen(function* () {
-    const response = yield* Micro.tryPromise({
-        try: () => fetch(input, init),
-        catch: (error) => new FetchError({ cause: error }),
-    });
-    if (response.status === 404) {
-        return yield* Micro.fail(new NotFoundError({ url: response.url }));
-    }
-    return response;
-});
-export class ResponseTextError extends Micro.TaggedError('ResponseTextError') {
-}
-export const responseAsText = (res) => Micro.tryPromise({
-    try: () => res.text(),
-    catch: (error) => new ResponseTextError({ message: 'Failed to read response text', cause: error }),
-});