@lmvz-ds/components 0.29.0 → 0.31.0

package/types/components/lmvz-action-list/lmvz-action-list.d.ts

@@ -0,0 +1,15 @@
+import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
+import { type DirectionalFocusHost } from '../../utils/aria/list-keyboard-controller';
+import { ReactiveControllerHost } from '../../utils/stencil/reactive-controller-host';
+export declare class LmvzActionList extends ReactiveControllerHost implements DirectionalFocusHost, AriaValidationHost {
+    readonly el: HTMLElement;
+    private slotEl?;
+    get validationEl(): HTMLElement;
+    get validationSlot(): HTMLSlotElement | undefined;
+    private readonly focusController;
+    readonly label?: string;
+    constructor();
+    componentDidLoad(): void;
+    private readonly handleSlotChange;
+    render(): any;
+}

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

@@ -2,15 +2,17 @@ import { type EventEmitter } from '../../stencil-public-runtime';
 import type { Button, FormRef } from '../../api';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
 import { type ElementActivationHost } from '../../utils/aria/element-activation-controller';
-import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
-export declare class LmvzButton extends ReactiveControllerHost implements AriaValidationHost, ElementActivationHost {
+import type { DirectionalFocusReceiver } from '../../utils/aria/list-keyboard-controller';
+import { ReactiveControllerHost } from '../../utils/stencil/reactive-controller-host';
+export declare class LmvzButton extends ReactiveControllerHost implements AriaValidationHost, ElementActivationHost, DirectionalFocusReceiver {
     el: HTMLLmvzButtonElement;
     validationEl: HTMLButtonElement | undefined;
     private inheritedAttributes;
     private formEl;
     private formButtonEl;
     lmvzActivation: EventEmitter<void>;
-    get ti(): number;
+    ti: number;
+    resolveFocusableElement(): HTMLElement | undefined;
     scale: Button.Scale;
     variant?: Button.Variant;
     disabled: boolean;
@@ -19,6 +21,7 @@ export declare class LmvzButton extends ReactiveControllerHost implements AriaVa
     formMethod?: 'dialog' | 'get' | 'post';
     name?: string;
     value?: string;
+    buttonRole?: string;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;

package/types/components/lmvz-button-group/lmvz-button-group.d.ts

@@ -1,7 +1,9 @@
 export declare class LmvzButtonGroup {
+    el: HTMLElement;
     private actionsSlot?;
     private validationMessageCache;
     private actionsStateObserver?;
+    stacked: boolean;
     get primaryEnabledAction(): HTMLButtonElement | undefined;
     get hasActions(): boolean;
     componentDidLoad(): void;

package/types/components/lmvz-checkbox/lmvz-checkbox.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 LmvzCheckbox extends ReactiveControllerHost implements AriaValidationHost {
     readonly el: HTMLElement;
     get validationEl(): HTMLElement;

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

@@ -1,6 +1,6 @@
-import { type Chip } from '../../api/ds.constants.js';
+import type { Chip } from '../../api/ds.types.js';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
-import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
+import { ReactiveControllerHost } from '../../utils/stencil/reactive-controller-host.js';
 export declare class LmvzChip extends ReactiveControllerHost implements AriaValidationHost {
     private readonly ariaValidationController;
     private beforeSlot?;

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

@@ -1,6 +1,6 @@
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
 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 LmvzHeader extends ReactiveControllerHost implements AriaValidationHost, DirectionalFocusHost {
     readonly el: HTMLElement;
     get validationEl(): HTMLElement;

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

@@ -1,7 +1,7 @@
 import type { SVGString } from '@lmvz-ds/lib-ts/validation/SVGString.d.ts';
 import type { Icon } 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 LmvzIcon extends ReactiveControllerHost implements AriaValidationHost {
     private intersectionObserver?;
     private readonly ariaValidationController;

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

@@ -1,7 +1,7 @@
 import { type EventEmitter } from '../../stencil-public-runtime';
 import type { Input } 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 LmvzInput extends ReactiveControllerHost implements AriaValidationHost {
     readonly el: HTMLElement;
     get validationEl(): HTMLElement;

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

@@ -0,0 +1,13 @@
+import type { Link } from '../../api/ds.types.js';
+export declare class LmvzLink {
+    href: string;
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    rel?: string;
+    type: Link.Type;
+    externalLabel: string;
+    normalizeType(value: string): void;
+    componentWillLoad(): void;
+    private computeHref;
+    private computeRel;
+    render(): any;
+}

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

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

package/types/components/lmvz-modal/lmvz-modal.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 LmvzModal extends ReactiveControllerHost implements AriaValidationHost {
     readonly el: HTMLLmvzModalElement;
     private inheritedAriaAttributes;

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 {
         /**
@@ -374,6 +408,34 @@ export declare namespace Components {
          */
         "value"?: string;
     }
+    /**
+     * The link renders a native anchor element with an icon indicating navigation type.
+     */
+    export interface LmvzLink {
+        /**
+         * Visually-hidden text appended inside the anchor when `target="_blank"`. Provides an accessible cue for screen reader users.
+         * @default '(öffnet in neuem Tab)'
+         */
+        "externalLabel": string;
+        /**
+         * The URL the link points to. Mirrors the native anchor `href` attribute.
+         * @default ''
+         */
+        "href": string;
+        /**
+         * Relationship of the linked URL. When `target="_blank"`, `noopener` and `noreferrer` are automatically added if not already present.
+         */
+        "rel"?: string;
+        /**
+         * Where to open the linked document.
+         */
+        "target"?: '_self' | '_blank' | '_parent' | '_top';
+        /**
+         * Navigation type. Drives the icon shown after the label text. - `internal` → arrow-right icon - `external` → external icon Invalid values are normalized to `internal`.
+         * @default 'internal'
+         */
+        "type": Link.Type;
+    }
     /**
      * A menu item component to be used within the `lmvz-header` component's navigation slots.
      */
@@ -745,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';
 }
 
@@ -760,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
@@ -788,7 +888,6 @@ export declare namespace JSX {
          */
         "scale"?: Button.Scale;
         /**
-         * @readonly 
          * @default 0
          */
         "ti"?: number;
@@ -816,6 +915,10 @@ export declare namespace JSX {
          * @readonly
          */
         "primaryEnabledAction"?: HTMLButtonElement | undefined;
+        /**
+         * @default false
+         */
+        "stacked"?: boolean;
     }
     export interface LmvzCard {
         /**
@@ -1093,6 +1196,34 @@ export declare namespace JSX {
          */
         "value"?: string;
     }
+    /**
+     * The link renders a native anchor element with an icon indicating navigation type.
+     */
+    export interface LmvzLink {
+        /**
+         * Visually-hidden text appended inside the anchor when `target="_blank"`. Provides an accessible cue for screen reader users.
+         * @default '(öffnet in neuem Tab)'
+         */
+        "externalLabel"?: string;
+        /**
+         * The URL the link points to. Mirrors the native anchor `href` attribute.
+         * @default ''
+         */
+        "href"?: string;
+        /**
+         * Relationship of the linked URL. When `target="_blank"`, `noopener` and `noreferrer` are automatically added if not already present.
+         */
+        "rel"?: string;
+        /**
+         * Where to open the linked document.
+         */
+        "target"?: '_self' | '_blank' | '_parent' | '_top';
+        /**
+         * Navigation type. Drives the icon shown after the label text. - `internal` → arrow-right icon - `external` → external icon Invalid values are normalized to `internal`.
+         * @default 'internal'
+         */
+        "type"?: Link.Type;
+    }
     /**
      * A menu item component to be used within the `lmvz-header` component's navigation slots.
      */
@@ -1438,6 +1569,9 @@ export declare namespace JSX {
         "value"?: string;
     }
 
+    export interface LmvzActionListAttributes {
+        "label": string;
+    }
     export interface LmvzButtonAttributes {
         "ti": number;
         "scale": Button.Scale;
@@ -1448,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 {
@@ -1513,6 +1649,13 @@ export declare namespace JSX {
         "size": Input.Size;
         "error": boolean;
     }
+    export interface LmvzLinkAttributes {
+        "href": string;
+        "target": '_self' | '_blank' | '_parent' | '_top';
+        "rel": string;
+        "type": Link.Type;
+        "externalLabel": string;
+    }
     export interface LmvzMenuitemAttributes {
         "role": string;
         "ti": number;
@@ -1584,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"]>;
@@ -1592,6 +1736,7 @@ export declare namespace JSX {
         "lmvz-header": Omit<LmvzHeader, keyof LmvzHeaderAttributes> & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes]?: LmvzHeader[K] } & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes as `attr:${K}`]?: LmvzHeaderAttributes[K] } & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes as `prop:${K}`]?: LmvzHeader[K] };
         "lmvz-icon": Omit<LmvzIcon, keyof LmvzIconAttributes> & { [K in keyof LmvzIcon & keyof LmvzIconAttributes]?: LmvzIcon[K] } & { [K in keyof LmvzIcon & keyof LmvzIconAttributes as `attr:${K}`]?: LmvzIconAttributes[K] } & { [K in keyof LmvzIcon & keyof LmvzIconAttributes as `prop:${K}`]?: LmvzIcon[K] } & OneOf<"icon", LmvzIcon["icon"], LmvzIconAttributes["icon"]>;
         "lmvz-input": Omit<LmvzInput, keyof LmvzInputAttributes> & { [K in keyof LmvzInput & keyof LmvzInputAttributes]?: LmvzInput[K] } & { [K in keyof LmvzInput & keyof LmvzInputAttributes as `attr:${K}`]?: LmvzInputAttributes[K] } & { [K in keyof LmvzInput & keyof LmvzInputAttributes as `prop:${K}`]?: LmvzInput[K] } & OneOf<"label", LmvzInput["label"], LmvzInputAttributes["label"]>;
+        "lmvz-link": Omit<LmvzLink, keyof LmvzLinkAttributes> & { [K in keyof LmvzLink & keyof LmvzLinkAttributes]?: LmvzLink[K] } & { [K in keyof LmvzLink & keyof LmvzLinkAttributes as `attr:${K}`]?: LmvzLinkAttributes[K] } & { [K in keyof LmvzLink & keyof LmvzLinkAttributes as `prop:${K}`]?: LmvzLink[K] };
         "lmvz-menuitem": Omit<LmvzMenuitem, keyof LmvzMenuitemAttributes> & { [K in keyof LmvzMenuitem & keyof LmvzMenuitemAttributes]?: LmvzMenuitem[K] } & { [K in keyof LmvzMenuitem & keyof LmvzMenuitemAttributes as `attr:${K}`]?: LmvzMenuitemAttributes[K] } & { [K in keyof LmvzMenuitem & keyof LmvzMenuitemAttributes as `prop:${K}`]?: LmvzMenuitem[K] };
         "lmvz-message": Omit<LmvzMessage, keyof LmvzMessageAttributes> & { [K in keyof LmvzMessage & keyof LmvzMessageAttributes]?: LmvzMessage[K] } & { [K in keyof LmvzMessage & keyof LmvzMessageAttributes as `attr:${K}`]?: LmvzMessageAttributes[K] } & { [K in keyof LmvzMessage & keyof LmvzMessageAttributes as `prop:${K}`]?: LmvzMessage[K] };
         "lmvz-modal": Omit<LmvzModal, keyof LmvzModalAttributes> & { [K in keyof LmvzModal & keyof LmvzModalAttributes]?: LmvzModal[K] } & { [K in keyof LmvzModal & keyof LmvzModalAttributes as `attr:${K}`]?: LmvzModalAttributes[K] } & { [K in keyof LmvzModal & keyof LmvzModalAttributes as `prop:${K}`]?: LmvzModal[K] };
@@ -1605,6 +1750,12 @@ export declare namespace JSX {
     }
 }
 
+export declare namespace Link {
+    export type Type = (typeof linkTypes)[number];
+}
+
+declare const linkTypes: readonly ["internal", "external"];
+
 export declare interface LmvzActionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLmvzActionElement;

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, 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 {};