wabtec-internal-volt-basic-components 1.2.0 → 1.4.0

package/dist/types/constants/icon-sprite.d.ts

@@ -1,151 +1,167 @@
 declare const _default: {
-    "add-train.svg": string;
     "add.svg": string;
-    "analysis.svg": string;
-    "analytics.svg": string;
     "add-repair.svg": string;
+    "add-train.svg": string;
     "administration.svg": string;
+    "air-leak.svg": string;
+    "analysis.svg": string;
+    "analytics.svg": string;
     "applications.svg": string;
     "arrow-down.svg": string;
     "arrow-left.svg": string;
     "arrow-right.svg": string;
+    "arrow-up.svg": string;
     "asset.svg": string;
     "attribute.svg": string;
-    "arrow-up.svg": string;
     "auto-mode.svg": string;
-    "back.svg": string;
     "automobile.svg": string;
-    "bell.svg": string;
+    "back.svg": string;
     "barcode.svg": string;
+    "battery.svg": string;
+    "bell.svg": string;
+    "brake.svg": string;
     "bug.svg": string;
-    "calendar.svg": string;
     "calculation.svg": string;
+    "calendar.svg": string;
     "camera.svg": string;
-    "caret-down-filled.svg": string;
     "camera-video.svg": string;
+    "camera-video-filled.svg": string;
     "caret-down.svg": string;
+    "caret-down-filled.svg": string;
     "caret-right-filled.svg": string;
     "cases.svg": string;
-    "chevron-down.svg": string;
     "caution.svg": string;
+    "caution-2.svg": string;
+    "checked.svg": string;
+    "chevron-down.svg": string;
     "chevron-left.svg": string;
     "chevron-right.svg": string;
-    "caution-2.svg": string;
     "chevron-up.svg": string;
+    "class1.svg": string;
     "close.svg": string;
     "comment.svg": string;
     "connected.svg": string;
-    "copy.svg": string;
     "container.svg": string;
-    "database.svg": string;
+    "copy.svg": string;
+    "coupler.svg": string;
     "dashboard.svg": string;
+    "database.svg": string;
     "deployments.svg": string;
     "desktop-computer.svg": string;
     "disable.svg": string;
-    "camera-video-filled.svg": string;
     "disabled-document.svg": string;
     "disconnected.svg": string;
+    "divider-item.svg": string;
     "document.svg": string;
+    "download.svg": string;
+    "drag.svg": string;
     "edit.svg": string;
     "empty-returns.svg": string;
-    "drag.svg": string;
     "enter-full-screen.svg": string;
     "error.svg": string;
     "excel.svg": string;
-    "download.svg": string;
     "exit-full-screen.svg": string;
     "failure.svg": string;
+    "fast-forward.svg": string;
     "fast-forward-filled.svg": string;
     "favorite.svg": string;
     "filter.svg": string;
+    "fit.svg": string;
     "fit-horizontal.svg": string;
     "fit-vertical.svg": string;
     "flag.svg": string;
-    "fit.svg": string;
     "folder-closed.svg": string;
-    "fast-forward.svg": string;
     "folder-open.svg": string;
     "formula.svg": string;
     "full-screen.svg": string;
+    "generic-user.svg": string;
+    "globe.svg": string;
     "go-to-first-page.svg": string;
-    "go-to-last-page-filled.svg": string;
     "go-to-first-page-filled.svg": string;
-    "good.svg": string;
-    "generic-user.svg": string;
-    "healthy.svg": string;
     "go-to-last-page.svg": string;
-    "hide.svg": string;
+    "go-to-last-page-filled.svg": string;
+    "good.svg": string;
     "grid-view.svg": string;
     "hamburger.svg": string;
-    "home.svg": string;
+    "healthy.svg": string;
+    "hide.svg": string;
     "history.svg": string;
+    "home.svg": string;
     "inbox-view.svg": string;
+    "indeterminate.svg": string;
+    "information.svg": string;
     "intermodal.svg": string;
+    "key.svg": string;
+    "less.svg": string;
     "link-closed.svg": string;
-    "information.svg": string;
     "link-open.svg": string;
-    "key.svg": string;
     "list-view.svg": string;
-    "less.svg": string;
+    "local-containers.svg": string;
     "lock-closed.svg": string;
     "lock-open.svg": string;
-    "locomotive.svg": string;
-    "local-containers.svg": string;
     "lock-open-side.svg": string;
-    "mail.svg": string;
-    "magnify.svg": string;
+    "locomotive.svg": string;
     "logout.svg": string;
+    "magnify.svg": string;
+    "mail.svg": string;
+    "map.svg": string;
     "message-alert.svg": string;
-    "more-horizontal.svg": string;
+    "minimize-panel.svg": string;
+    "mobile-connection.svg": string;
     "module-settings.svg": string;
+    "more-horizontal.svg": string;
+    "more-vertical.svg": string;
     "move.svg": string;
     "multi-window.svg": string;
-    "more-vertical.svg": string;
-    "notes.svg": string;
-    "not-found.svg": string;
     "mute.svg": string;
-    "overflow.svg": string;
+    "not-found.svg": string;
+    "notes.svg": string;
     "open-icon.svg": string;
+    "overflow.svg": string;
     "overlays.svg": string;
-    "ptc.svg": string;
-    "payment.svg": string;
+    "paperclip.svg": string;
     "pause.svg": string;
-    "phone.svg": string;
+    "payment.svg": string;
     "pdf.svg": string;
-    "paperclip.svg": string;
+    "phone.svg": string;
     "pick-color.svg": string;
-    "play-page-filled.svg": string;
-    "play-page.svg": string;
+    "pin.svg": string;
     "play.svg": string;
+    "play-page.svg": string;
+    "play-page-filled.svg": string;
+    "power.svg": string;
     "print.svg": string;
-    "pin.svg": string;
+    "ptc.svg": string;
     "qr-code.svg": string;
-    "power.svg": string;
+    "radio-checked.svg": string;
+    "radio-unchecked.svg": string;
     "rail-containers.svg": string;
-    "refresh.svg": string;
     "rail-yard.svg": string;
-    "reply.svg": string;
     "recording.svg": string;
+    "refresh.svg": string;
+    "reply.svg": string;
     "reset.svg": string;
     "restart.svg": string;
     "reverse.svg": string;
+    "rewind.svg": string;
     "rewind-filled.svg": string;
     "save.svg": string;
-    "rewind.svg": string;
-    "share.svg": string;
     "scan-barcode.svg": string;
+    "share.svg": string;
     "show.svg": string;
+    "skip-back.svg": string;
     "skip-back-filled.svg": string;
     "skip-forward.svg": string;
-    "skip-back.svg": string;
-    "stop.svg": string;
     "skip-forward-filled.svg": string;
+    "star.svg": string;
+    "stop.svg": string;
     "summary.svg": string;
     "swap.svg": string;
+    "switch-off.svg": string;
+    "switch-on.svg": string;
+    "system.svg": string;
     "tablet.svg": string;
-    "star.svg": string;
     "tack.svg": string;
-    "system.svg": string;
     "tag.svg": string;
     "tag-group.svg": string;
     "templates.svg": string;
@@ -153,45 +169,37 @@ declare const _default: {
     "tile-view.svg": string;
     "time.svg": string;
     "timer.svg": string;
-    "train-schedule.svg": string;
-    "track.svg": string;
     "timezone.svg": string;
-    "trash.svg": string;
+    "track.svg": string;
     "train.svg": string;
+    "train-schedule.svg": string;
+    "trash.svg": string;
     "truck.svg": string;
+    "unchecked.svg": string;
     "unknown.svg": string;
+    "unmute.svg": string;
     "upload.svg": string;
     "usb.svg": string;
-    "unmute.svg": string;
+    "user.svg": string;
     "user-group.svg": string;
     "vessel.svg": string;
-    "user.svg": string;
+    "wabtec-corp-logo.svg": string;
     "wabtec-corporation-logo.svg": string;
+    "wabtec-grey-icon.svg": string;
+    "wabtec-grey-logo.svg": string;
     "wabtec-icon.svg": string;
+    "white-wabtec-corp-logo.svg": string;
     "white-wabtec-corporation-logo.svg": string;
-    "word.svg": string;
+    "wifi.svg": string;
     "window.svg": string;
-    "zoom-out.svg": string;
+    "word.svg": string;
+    "zoom.svg": string;
     "zoom-generic.svg": string;
-    "zoom-identity.svg": string;
     "zoom-generic-inv.svg": string;
+    "zoom-identity.svg": string;
     "zoom-in.svg": string;
     "zoom-less.svg": string;
     "zoom-more.svg": string;
-    "checked.svg": string;
-    "divider-item.svg": string;
-    "zoom.svg": string;
-    "indeterminate.svg": string;
-    "minimize-panel.svg": string;
-    "radio-checked.svg": string;
-    "radio-unchecked.svg": string;
-    "map.svg": string;
-    "unchecked.svg": string;
-    "switch-off.svg": string;
-    "switch-on.svg": string;
-    "wabtec-corp-logo.svg": string;
-    "wabtec-grey-icon.svg": string;
-    "wabtec-grey-logo.svg": string;
-    "white-wabtec-corp-logo.svg": string;
+    "zoom-out.svg": string;
 };
 export default _default;

package/dist/types/constants/spacing-vars.d.ts

@@ -20,5 +20,6 @@ declare const _default: {
     "spacing-18": string;
     "spacing-19": string;
     "spacing-20": string;
+    "spacing-21": string;
 };
 export default _default;

package/dist/types/index.d.ts

@@ -1,2 +1,26 @@
-export * from "./components";
 export declare const unselectAllItemsUtil: (dropdownContent: HTMLElement) => void;
+export type * from "./components.d";
+export type * from "./components";
+export * from "./utils/array-utils";
+export * from "./utils/device-detection";
+export * from "./utils/attribute-sync";
+export * from "./utils/clone-attributes";
+export * from "./utils/combine-classes";
+export * from "./utils/floating-engine";
+export * from "./utils/floating-engine-utils";
+export * from "./utils/form";
+export * from "./utils/get-deep-active-element";
+export * from "./utils/get-random-id";
+export * from "./utils/icon-attr.utils";
+export * from "./utils/icon-generation.utils";
+export * from "./utils/icon-utils";
+export * from "./utils/is-key-event";
+export * from "./utils/is-of-type";
+export * from "./utils/keyboard-navigation";
+export * from "./utils/node-utils";
+export * from "./utils/number-utils";
+export * from "./utils/parentHasClass";
+export * from "./utils/rems-to-px";
+export * from "./utils/slider.utils";
+export * from "./utils/spacing-utils";
+export * from "./utils/utils";

package/dist/types/stencil-public-runtime.d.ts

@@ -63,6 +63,12 @@ export interface ShadowRootOptions {
      * focusable part is given focus, and the shadow host is given any available `:focus` styling.
      */
     delegatesFocus?: boolean;
+    /**
+     * Sets the slot assignment mode for the shadow root. When set to `'manual'`, enables imperative
+     * slotting using the `HTMLSlotElement.assign()` method. Defaults to `'named'` for standard
+     * declarative slotting behavior.
+     */
+    slotAssignment?: 'manual' | 'named';
 }
 export interface ModeStyles {
     [modeName: string]: string | string[];
@@ -119,8 +125,27 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsOptions {
+    /**
+     * Initial custom states to set on the ElementInternals.states CustomStateSet.
+     * Each key is the state name and the value is the initial boolean state.
+     *
+     * These states can be targeted with the CSS `:state()` pseudo-class.
+     *
+     * @example
+     * ```tsx
+     * @AttachInternals({ states: { open: true, active: false } })
+     * internals: ElementInternals;
+     * ```
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet
+     */
+    states?: {
+        [stateName: string]: boolean;
+    };
+}
 export interface AttachInternalsDecorator {
-    (): PropertyDecorator;
+    (opts?: AttachInternalsOptions): PropertyDecorator;
 }
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
@@ -156,7 +181,9 @@ export interface StateDecorator {
     (): PropertyDecorator;
 }
 export interface WatchDecorator {
-    (propName: any): CustomMethodDecorator<(newValue?: any, oldValue?: any, propName?: any, ...args: any[]) => any | void>;
+    (propName: any, watchOptions?: {
+        immediate?: boolean;
+    }): CustomMethodDecorator<(newValue?: any, oldValue?: any, propName?: any, ...args: any[]) => any | void>;
 }
 export interface PropSerializeDecorator {
     (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => string | null>;
@@ -610,7 +637,7 @@ export interface FunctionalUtilities {
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
 }
 export interface FunctionalComponent<T = {}> {
-    (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
+    (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[] | null;
 }
 /**
  * A Child VDOM node
@@ -652,6 +679,7 @@ export declare namespace h {
     function h(sel: any, data: VNodeData | null, text: string): VNode;
     function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
     function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+    function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
     namespace JSX {
         interface IntrinsicElements extends LocalJSX.IntrinsicElements, JSXBase.IntrinsicElements {
             [tagName: string]: any;
@@ -666,6 +694,36 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+export declare function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsx mode.
+ * These functions are called automatically by TypeScript when using "jsx": "react-jsx".
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @returns a jsx vnode
+ */
+export declare function jsx(type: any, props: any, key?: string): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsxmode with multiple children.
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @returns a jsx vnode
+ */
+export declare function jsxs(type: any, props: any, key?: string): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsxdev mode.
+ * These functions are called automatically by TypeScript when using "jsx": "react-jsxdev".
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @param isStaticChildren indicates if the children are static
+ * @param source source information
+ * @param self reference to the component instance
+ * @returns a jsx vnode
+ */
+export declare function jsxDEV(type: any, props: any, key?: string | number, isStaticChildren?: boolean, source?: any, self?: any): VNode;
 /**
  * A virtual DOM node
  */
@@ -695,7 +753,7 @@ declare namespace LocalJSX {
 export { LocalJSX as JSX };
 export declare namespace JSXBase {
     interface IntrinsicElements {
-        slot: JSXBase.SlotAttributes;
+        slot: JSXBase.SlotAttributes<HTMLSlotElement>;
         a: JSXBase.AnchorHTMLAttributes<HTMLAnchorElement>;
         abbr: JSXBase.HTMLAttributes;
         address: JSXBase.HTMLAttributes;
@@ -865,7 +923,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes extends JSXAttributes {
+    interface SlotAttributes<T = HTMLSlotElement> extends JSXAttributes<T> {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -921,6 +979,9 @@ export declare namespace JSXBase {
         popoverTargetAction?: string;
         popoverTargetElement?: Element | null;
         popoverTarget?: string;
+        command?: string;
+        commandFor?: string;
+        commandfor?: string;
     }
     interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;

package/dist/types/utils/attribute-sync.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Sets up automatic synchronization of attributes from a host element to an internal native element.
+ * Syncs all attributes except those in the exclusion list.
+ * Useful for wrapper components that need to forward HTML attributes to shadow DOM elements.
+ *
+ * @param hostEl The host element to watch for attribute changes
+ * @param getInternalEl Function that returns the internal native element to sync to
+ * @returns Cleanup function to disconnect the observer
+ */
+export declare const setupAttributeSync: (hostEl: HTMLElement, getInternalEl: () => HTMLElement | null | undefined, additionalExcludedAttributes?: string[]) => (() => void);

package/dist/types/utils/clone-attributes.d.ts

@@ -1,2 +1,3 @@
 import { JSXBase } from "../stencil-public-runtime";
 export declare const cloneAttributes: <X extends HTMLElement, T = JSXBase.HTMLAttributes | NamedNodeMap>(el: X, ...excludedKeys: string[]) => { [P in keyof T]?: T[P]; };
+export declare const cloneSpecificAttributes: <X extends HTMLElement, T = JSXBase.HTMLAttributes | NamedNodeMap>(el: X, ...atributesToInclude: string[]) => { [P in keyof T]?: T[P]; };

package/dist/types/utils/combine-classes.d.ts

@@ -1 +1,7 @@
+/**
+ * Join array of classes into a single string
+ *
+ * @params classes string[]
+ * @returns string
+ */
 export declare const combineClasses: (...classes: string[]) => string;

package/dist/types/utils/device-detection.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Detects whether the current device should be treated as a mobile device.
+ *
+ * Detection strategy (4 signals are evaluated and combined)
+ * returns true if at least 2 of the 4 signals indicate a mobile device
+ *
+ * 1. **navigator.maxTouchPoints > 0**
+ * 2. **window.matchMedia('(pointer: coarse)')**
+ * 3. **Screen width ≤ 768 px**
+ * 4. **navigator.userAgent mobile keyword match**
+ *
+ * @returns {boolean} True if at least 2 of the 4 signals indicate a mobile device, false otherwise.
+ * @example
+ * // Example usage:
+ * if (isMobileDevice()) {
+ *   console.log('Running on a mobile device');
+ * } else {
+ *   console.log('Running on a desktop device');
+ * }
+ */
+export declare const isMobileDevice: () => boolean;

package/dist/types/utils/floating-engine-utils.d.ts

@@ -1,2 +1,16 @@
-declare const updateFloatingBoxPosition: (referenceElement: HTMLElement, floatingBoxElement: HTMLElement, floatingArrow: HTMLElement | null, position: "top" | "right" | "bottom" | "bottom-start" | "left", autoPosition: boolean) => Promise<() => void>;
-export { updateFloatingBoxPosition };
+import { Placement } from "@floating-ui/dom";
+declare const floatingTrigger: (hostEl: HTMLElement, selector: string) => HTMLElement;
+declare const floatingBox: (hostEl: HTMLElement, selector: string) => HTMLElement;
+declare const floatingArrow: (hostEl: HTMLElement, selector: string) => HTMLElement;
+declare const updateFloatingBoxPosition: (referenceElement: HTMLElement, floatingBoxElement: HTMLElement, floatingArrow: HTMLElement | null, position: Placement, autoPosition: boolean, allowedPlacements?: Array<Placement>, preserveEndAlignment?: boolean) => Promise<() => void>;
+/**
+ * Toggles the display style of an HTML element.
+ *
+ * @param {HTMLElement} contentBox The HTML element to toggle the display for.
+ * @param {boolean} toggle A boolean value to control the display.
+ *  - True: Sets the display to "block".
+ *  - False: Sets the display to "none".
+ * @returns {void}
+ */
+declare const toggleContainerDisplay: (contentBox: HTMLElement, toggle: boolean) => void;
+export { updateFloatingBoxPosition, toggleContainerDisplay, floatingBox, floatingArrow, floatingTrigger };

package/dist/types/utils/floating-engine.d.ts

@@ -1,2 +1,2 @@
-import { autoUpdate, computePosition, shift, flip, offset, arrow, size, detectOverflow } from '@floating-ui/dom';
-export { autoUpdate, computePosition, shift, flip, offset, arrow, size, detectOverflow };
+import { autoUpdate, computePosition, shift, offset, arrow, size, detectOverflow, autoPlacement, hide } from '@floating-ui/dom';
+export { autoUpdate, computePosition, shift, offset, arrow, size, detectOverflow, autoPlacement, hide };

package/dist/types/utils/form.d.ts

@@ -1,9 +1,18 @@
+export declare const shadowSubmitForm: (host: Element) => void;
+export declare const setFocusElement: (focusEl: HTMLElement) => void;
 /**
- * Emulates the native submit form
+ * Creates a hidden input element as a fake form element for a given host element.
  *
- * @returns void
+ * This function is useful when you need to submit data associated with a host element
+ * but the element itself cannot be included in the form submission. It checks if the
+ * host element has a `name` attribute and is a child of a form element. If both conditions
+ * are met, it creates a hidden input with the same name as the host element and returns it.
+ * Otherwise, it returns null.
+ *
+ * @param {HTMLElement} hostEl Host element.
+ * @returns {HTMLInputElement|null} input type hidden
  */
-export declare const shadowSubmitForm: (host: Element) => void;
+export declare const fakeFormElement: (hostEl: HTMLElement) => HTMLInputElement;
 /**
  * Emits input event to create native reactive form support in Angular
  *

package/dist/types/utils/get-deep-active-element.d.ts

@@ -0,0 +1 @@
+export declare const getDeepActiveElement: () => Element;

package/dist/types/utils/get-random-id.d.ts

@@ -0,0 +1 @@
+export declare function getRandomId(baseId?: string): string;

package/dist/types/utils/is-key-event.d.ts

@@ -0,0 +1 @@
+export declare const isKeyEvent: (event: KeyboardEvent, key: string) => boolean;

package/dist/types/utils/is-of-type.d.ts

@@ -0,0 +1 @@
+export declare const isOfType: <T>(varToBeChecked: unknown, propertyToCheckFor: keyof T) => varToBeChecked is T;

package/dist/types/utils/keyboard-navigation.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Singleton keyboard navigation manager.
+ *
+ * Use the static methods directly — no need to hold an instance reference in components.
+ * Only one session is active at a time — calling subscribe() while a session is already
+ * active replaces it silently (without invoking the previous onClose).
+ *
+ * Supported keys:
+ * - ArrowDown / ArrowRight : move focus forward  (circular)
+ * - ArrowUp  / ArrowLeft : move focus backward (circular)
+ * - Escape : remove listener, call onClose, focus focusOutElement
+ *
+ * @example
+ * KeyboardNavigation.subscribe(items, triggerEl, () => close());
+ * KeyboardNavigation.unsubscribe();
+ */
+export declare class KeyboardNavigation {
+    private static instance;
+    private focusedItems;
+    private focusOutElement;
+    private onClose;
+    private currentIndex;
+    private active;
+    private readonly boundHandler;
+    private constructor();
+    private static getInstance;
+    /**
+     * Activates keyboard navigation for the given items.
+     * Focuses the first item immediately.
+     * Replaces any previously active session without invoking its onClose.
+     *
+     * @param focusedItems - Non-empty array of focusable elements to navigate.
+     * @param focusOutElement - Element to return focus to on Escape.
+     * @param onClose - Optional callback invoked before focus returns to focusOutElement.
+     * @param focusElement - Optional element to focus initially instead of the first item.
+     */
+    static subscribe(focusedItems: HTMLElement[], focusOutElement: HTMLElement, onClose?: () => void, focusElement?: HTMLElement): void;
+    /**
+     * Updates the currently tracked focusable elements without restarting the active session.
+     * Keeps the index aligned with the current active element when possible.
+     */
+    static updateFocusedItems(focusedItems: HTMLElement[]): void;
+    /**
+     * Tears down the active session, invokes onClose, and returns focus to focusOutElement.
+     */
+    static unsubscribe(): void;
+    /**
+     * Removes the keyboard event listener, invokes onClose, and then returns focus to focusOutElement.
+     */
+    private focusOutClose;
+    /**
+     * Cleans up event listeners and internal state.
+     */
+    private destroy;
+    /**
+     * Handles keydown events for navigation and escape.
+     * @param event - The keyboard event to handle.
+     */
+    private handleKeyDown;
+    /**
+     * Moves focus in the specified direction (1 for forward, -1 for backward).
+     * Wraps around the list of focusedItems.
+     * @param direction - The direction to move focus (1 or -1).
+     */
+    private moveFocus;
+}

package/dist/types/utils/node-utils.d.ts

@@ -1,2 +1,3 @@
 export declare const setNodeObserver: (methodToExecuted: () => void, host: Node, component: any) => MutationObserver;
 export declare const queryElementFromShadowRoot: (hostEl: HTMLElement, selector: string) => HTMLElement;
+export declare const isDescendant: (parent: HTMLElement, child: HTMLElement) => boolean;

package/dist/types/utils/parentHasClass.d.ts

@@ -0,0 +1 @@
+export declare const hasSomeParentTheClass: (element: any, classname: string) => boolean;

package/dist/types/utils/rems-to-px.d.ts

@@ -0,0 +1 @@
+export declare const convertRemToPixels: (rem: any) => number;